audit

What problem does it solve? Frontend codebases accumulate accessibility violations, performance regressions, hard-coded colors, and AI-generated design tells that are hard to spot manually. This Skill systematically audits code across five measurable dimensions and produces a prioritized report instead of vague impressions. ## Core Features & Use Cases - Five-Dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns each from 0-4 with explicit criteria, producing a total health score out of 20. - Severity-Tagged Findings: Documents every issue with P0-P3 severity, exact file and line location, user impact, violated WCAG standard, and a concrete fix recommendation. - Anti-Pattern Detection: Flags AI slop tells such as gradient text, glassmorphism, generic fonts, and nested cards, plus systemic issues like hard-coded colors repeated across components. - Use Case: Before shipping a new landing page, run the audit to get a scored report listing a P1 contrast violation in the hero, missing ARIA labels on the nav, and touch targets under 44px on mobile, each mapped to a follow-up fix command. ## 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.