What problem does it solve?
This Skill documents interface quality gaps by running systematic checks across accessibility, performance, theming, responsive layout, and design anti-patterns so teams can prioritize fixes without applying changes directly.
Core Features & Use Cases
- Comprehensive Diagnostics: Produces findings for Accessibility (contrast, ARIA roles, keyboard navigation, semantic HTML, alt text, form labeling), Performance (layout thrashing, expensive animations, unoptimized assets, bundle size, render issues), Theming (hard-coded colors, dark mode failures, inconsistent tokens), and Responsive Design (fixed widths, touch targets, horizontal overflow, text scaling).
- Anti-Patterns Detection: Flags AI-generated design tells and frontend anti-patterns (glassmorphism, gradient text, generic fonts, nested cards, redundant copy) and treats guideline violations as critical where they block usability.
- Actionable Reporting: For each issue provides location, severity, impact, WCAG or standards references, specific recommendations, and suggested repair commands for developer/design handoff.
Quick Start
Run a full audit of the site's primary pages and components and generate the prioritized, detailed report described above.