What problem does it solve?
This skill performs a systematic audit of user interfaces to identify accessibility gaps, performance bottlenecks, theming inconsistencies, and responsive issues, enabling teams to document issues before fixes.
Core Features & Use Cases
- Accessibility (A11y) checks for contrast, ARIA roles, keyboard navigation, semantic HTML, alt text, and form issues.
- Performance checks for layout thrashing, expensive animations, missing optimization, bundle size, and render performance.
- Theming checks for hard-coded colors, dark mode issues, inconsistent tokens, and theme-switching problems.
- Responsive Design checks for fixed widths, touch targets, horizontal scrolling, text scaling, and missing breakpoints.
- Anti-Patterns (CRITICAL): identify anti-patterns and provide guidance to avoid AI color palettes, gradient text, glassmorphism, and other design pitfalls.
- Audit-Only: This is an audit, not a fix; it documents issues with clear explanations of impact and recommended next steps.
Quick Start
Initiate an automated frontend audit to generate a prioritized report of accessibility, performance, theming, and responsiveness issues.