What problem does it solve? Frontend codebases accumulate accessibility violations, performance regressions, hard-coded styles, and AI-generated design tells that are hard to spot manually. This Skill systematically audits a feature, page, or component and produces a scored report with prioritized, actionable findings. ## 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 health score out of 20 with a rating band. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact file and line location, user impact, violated WCAG or design standard, and a concrete fix recommendation. - AI Slop Detection: Flags AI-generated design tells such as gradient text, glassmorphism, generic fonts, and card-grid layouts, with a brutally honest pass/fail verdict. - Use Case: Before shipping a new landing page, run the audit to catch missing ARIA labels, layout-thrashing animations, hard-coded colors bypassing design tokens, and undersized mobile touch targets, then follow the recommended fix commands in priority order. ## Quick Start Ask the assistant to run an audit on a specific page or component, for example: audit the checkout page for accessibility, performance, and responsive issues.
