What problem does it solve? Interface quality issues like poor contrast, missing ARIA labels, layout thrashing, and hard-coded colors often go unnoticed until they hurt users. This Skill systematically scans a frontend codebase and produces a prioritized audit report so teams know exactly what to fix and in what order. ## Core Features & Use Cases - Multi-Dimensional Diagnostic Scan: Checks accessibility (WCAG contrast, ARIA, keyboard navigation), performance (layout thrashing, expensive animations), theming (design tokens, dark mode), and responsive design (touch targets, breakpoints). - Anti-Pattern Detection: Flags AI-generated design tells such as gradient text, glassmorphism, generic fonts, and nested cards based on the frontend-design skill's guidelines. - Prioritized Report Generation: Produces a structured report with severity ratings (Critical/High/Medium/Low), impact explanations, WCAG references, and suggested fix commands. - Use Case: Before shipping a new dashboard, run an audit to catch missing focus indicators, undersized touch targets, and hard-coded colors, then hand the prioritized findings to fix-oriented commands like /normalize or /optimize. ## Quick Start Ask the AI to audit the current interface or a specific feature area for accessibility, performance, theming, and responsive design issues and generate a prioritized report.
