What problem does it solve?
This Skill performs in-depth technical quality checks across multiple dimensions, identifying accessibility, performance, theming, responsive design, and anti-pattern issues in your project.
Core Features & Use Cases
- Accessibility Checks: Identify and score issues related to contrast, ARIA, keyboard navigation, semantic HTML, alt text, and form elements.
- Performance Analysis: Score for layout thrashing, expensive animations, missing optimizations, bundle size, and render performance.
- Theming Review: Check for hard-coded colors, broken dark mode, inconsistent tokens, and theme switching issues.
- Responsive Design Assessment: Ensure that the design is responsive, with appropriate touch targets, missing breakpoints, and text scaling.
- Anti-Patterns Detection: Flag AI slop tells and general design anti-patterns like color on color, nested cards, bounce easing, and redundant copy.
- Generate Report: Provide a scored report with P0-P3 severity ratings and an actionable plan for improvement.
Quick Start
Use the /audit command to start the technical quality check on your project.