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 spot manually. This Skill systematically scans an implementation and produces a scored, prioritized report so teams know exactly what to fix first. ## Core Features & Use Cases - Five-Dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns on a 0-4 scale, producing a total Audit Health Score out of 20 with rating bands. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact code location, user impact, violated WCAG or design standard, and a concrete fix recommendation. - Actionable Remediation Plan: Maps findings to follow-up commands (e.g., /optimize, /adapt, /polish) in priority order, plus systemic pattern detection and positive findings. - Use Case: Before a release, run the audit on a new dashboard page to catch missing ARIA labels, layout-thrashing animations, hard-coded colors breaking dark mode, and undersized touch targets, then hand the prioritized fix list to your team. ## Quick Start Ask the AI to run an audit on a specific page or component, for example: audit the checkout page for accessibility, performance, and responsive issues.
