Design Auditor

Performs systematic 12-category UI/UX audits, detects AI-generated slop patterns, validates WCAG color contrast, and checks design system token compliance. Produces three independent grades: Design (A-F), AI Slop (A-F), and Accessibility (A-F).

Core Capabilities

• Full design audit — score 12 weighted categories in five passes into a Design grade with prioritized recommendations and baseline comparison.
• AI slop detection — flag visual, copy, and structural slop in HTML/CSS with confidence scores and per-finding remediation.
• Accessibility audit — WCAG color-contrast checking (AA/AAA) with closest-compliant-color suggestions.
• Design-system compliance — detect hardcoded colors, spacing, fonts, radii, shadows, z-indices, and transitions that deviate from tokens; report compliance percentage.
• Three independent grades — Design (weighted aggregate), AI Slop (inverted), Accessibility (WCAG), each A–F.
• Operating system — 10 design principles, fix-session rules with a risk accumulator, and CI/CD gating.

When to Use

• Reviewing a UI/UX design for quality, originality, and accessibility.
• Detecting AI-generated slop patterns in HTML/CSS.
• Validating WCAG color contrast or design-token adherence.
• Gating deployments or PRs on minimum compliance scores.