What problem does it solve?
This Skill provides a systematic, implementation-focused audit to identify measurable technical quality issues across accessibility, performance, theming, responsive design, and anti-patterns so teams can prioritize fixes with clear severity and remediation guidance.
Core Features & Use Cases
- Multi-dimension scoring: Scores Accessibility, Performance, Theming, Responsive Design, and Anti-Patterns on a 0–4 scale and aggregates a 0–20 health score with rating bands.
- Actionable reporting: Produces an executive summary, detailed findings tagged P0–P3 with locations, impact, standards (e.g., WCAG), and explicit remediation recommendations mapped to follow-up commands.
- Governance & workflow: Enforces mandatory context gathering via frontend-design and teach-impeccable, and recommends a prioritized set of remedial commands to drive iterative fixes and re-audits.
- Use case: Run this audit on a component library or page prior to release to surface accessibility blockers, performance regressions, theme inconsistencies, and common AI-design anti-patterns.
Quick Start
Run an implementation-level audit of the product page header and components to generate a scored report with P0–P3 findings and recommended fix commands.