What problem does it solve? Interface quality issues like poor contrast, missing ARIA labels, hard-coded colors, and broken mobile layouts often go unnoticed until users complain. This Skill systematically scans your frontend code across four quality dimensions and produces a prioritized report so you know exactly what to fix first. ## 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: Identifies AI-generated design tells such as gradient text, glassmorphism, generic fonts, and nested cards by cross-referencing the frontend-design skill's guidelines. - Prioritized Report Generation: Produces a structured audit 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 route each issue to the appropriate fix command. ## Quick Start Ask the AI to audit the current interface for accessibility, performance, theming, and responsive design issues and generate a prioritized report.