What problem does it solve? Frontend codebases accumulate accessibility violations, performance bottlenecks, hard-coded styles, and AI-generated design tells that are hard to spot manually. This Skill systematically audits code across five quality dimensions and produces a prioritized, actionable report instead of vague impressions. ## Core Features & Use Cases - Five-Dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns each on a 0-4 scale against explicit criteria, 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 or design standard, and a concrete fix recommendation. - Remediation Mapping: Maps each finding to a follow-up command (e.g., /optimize, /adapt, /harden, /polish) so issues flow directly into fix workflows. - Use Case: Before shipping a new landing page, run the audit to catch missing ARIA labels, layout-thrashing animations, hard-coded colors breaking dark mode, and sub-44px touch targets, then address them in priority order. ## Quick Start Run /audit on the checkout page component to get a scored technical quality report with prioritized fixes.
