What problem does it solve? Front-end code often ships with hidden accessibility violations, performance bottlenecks, hard-coded colors, and AI-generated design tells that are hard to catch in manual review. This Skill systematically audits a feature, page, or component across five measurable dimensions and produces a scored, prioritized 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 health score out of 20 with a rating band. - 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. - Actionable Remediation Plan: Maps findings to follow-up commands (e.g., /polish, /optimize, /adapt) in priority order so issues can be fixed systematically. - Use Case: Before releasing a new landing page, run the audit to catch missing ARIA labels, layout-thrashing animations, hard-coded hex colors, and undersized mobile touch targets, then re-run after fixes to watch the score improve. ## Quick Start Ask the assistant to run the audit skill on a specific page or component, for example: audit the checkout page for accessibility, performance, and responsive issues.
