What problem does it solve? Interface quality problems like poor contrast, missing ARIA labels, layout thrashing, and hard-coded colors often go unnoticed until they hurt users. This Skill runs a systematic diagnostic scan across accessibility, performance, theming, and responsive design, then produces a prioritized report so teams 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: Flags AI-generated design tells such as gradient text, glassmorphism, generic fonts, and nested cards by cross-referencing the frontend-design skill's guidelines. - Severity-Rated Report Generation: Produces a structured audit report with an executive summary, issues grouped by Critical/High/Medium/Low severity, systemic patterns, positive findings, and recommended fix commands. - Use Case: Before shipping a new checkout page, run an audit to catch WCAG AA contrast violations, undersized mobile touch targets, and hard-coded colors, then route each issue to the appropriate fix command like /normalize or /optimize. ## Quick Start Ask the assistant to audit the current interface or a specific area for accessibility, performance, theming, and responsive design issues and generate a prioritized report.
