What problem does it solve? Frontend code often ships with hidden accessibility violations, performance bottlenecks, hard-coded colors, and AI-generated design tells that are hard to catch manually. This Skill systematically audits code across five quality dimensions and produces a prioritized, actionable report instead of vague feedback. ## Core Features & Use Cases - Five-Dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns each from 0-4, producing a total Audit Health Score out of 20 with rating bands. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact file/line location, user impact, violated WCAG standards, and concrete fix recommendations. - AI Slop Detection: Specifically flags AI-generated design tells like gradient text, glassmorphism, generic fonts, and card grids. - Use Case: Before releasing a new landing page, run the audit to discover missing ARIA labels, hard-coded hex colors breaking dark mode, and touch targets under 44px, then follow the recommended fix commands in priority order. ## Quick Start Ask the AI to run an audit on a specific feature, page, or component to get a scored technical quality report with prioritized fixes.
