What problem does it solve? Interface quality issues like poor contrast, missing ARIA labels, hard-coded colors, and broken mobile layouts are easy to miss during development. This Skill systematically scans a frontend codebase across four quality dimensions and produces a prioritized, actionable audit report instead of vague impressions. ## Core Features & Use Cases - Multi-Dimensional Diagnostic Scan: Checks accessibility (WCAG contrast, ARIA, keyboard navigation, semantic HTML), performance (layout thrashing, expensive animations, bundle size), theming (design tokens, dark mode), and responsive design (touch targets, breakpoints, overflow). - Anti-Pattern Detection: Flags generic AI-generated design tells such as gradient text, glassmorphism, nested cards, and repetitive card grids. - Severity-Rated Report Generation: Produces a structured report with an executive summary, issues grouped by Critical/High/Medium/Low severity, systemic patterns, positive findings, and fix recommendations mapped to follow-up commands. - Use Case: Before shipping a new dashboard page, run an audit to receive a prioritized list of WCAG violations, performance bottlenecks, and theming inconsistencies, each mapped to a suggested remediation command. ## Quick Start Ask the assistant to audit the interface quality of a specific page or component and generate a severity-rated report with recommendations.
