What problem does it solve? Front-end code often ships with hidden accessibility violations, performance bottlenecks, hard-coded colors, and responsive layout failures that are tedious to find 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 for a total health score out of 20. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact code location, user impact, violated WCAG standard, and a concrete fix recommendation. - Anti-Pattern Detection: Flags AI-generated design tells such as gradient text, glassmorphism, generic fonts, and nested cards. - Use Case: Before releasing a new dashboard page, run the audit to catch missing ARIA labels, undersized touch targets, and hard-coded colors, then follow the prioritized remediation plan. ## Quick Start Ask the assistant to run an audit on a specific page or component, for example: audit the checkout page for accessibility and performance issues.
