What problem does it solve? Frontend code often ships with hidden accessibility violations, performance bottlenecks, hard-coded colors, and generic AI-generated design patterns that are hard to spot manually. This Skill systematically audits your UI code across five dimensions and produces a scored, prioritized report so you know exactly what to fix first. ## Core Features & Use Cases - Five-Dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns each from 0-4, producing a total health score out of 20 with a rating band. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact file and line locations, user impact, violated WCAG standards, and concrete fix recommendations. - Anti-Pattern Detection: Identifies AI slop tells such as gradient text, glassmorphism, generic fonts, and nested cards, plus systemic issues like hard-coded colors across components. - Use Case: Before releasing a new landing page, run the audit to discover that contrast ratios fail WCAG AA, touch targets are under 44px on mobile, and dark mode variants are missing, then follow the prioritized command recommendations to fix them. ## Quick Start Ask the assistant to run an audit on a specific page or component, for example: audit the checkout page for accessibility, performance, and responsive design issues.
