What problem does it solve?
This Skill identifies measurable implementation issues across accessibility, performance, theming, responsive design, and common anti-patterns so teams can prioritize engineering work and reduce release risk. It produces a scored, evidence-backed report with P0-P3 severity ratings and actionable recommendations rather than making code changes.
Core Features & Use Cases
- Multi-dimension diagnostics: Systematic checks for a11y (contrast, ARIA, keyboard), performance (render, bundle, assets), theming (tokens, dark mode), responsive behavior, and design anti-patterns.
- Scored output: Per-dimension 0–4 scoring, aggregate health score, and a clear Rating band for release readiness.
- Triage-ready issues: Issues tagged P0–P3 with location, impact, standards (e.g., WCAG), remediation steps, and suggested follow-up commands.
- Use Case: Run before a release or PR review to quantify technical debt on a page, component, or feature and create an actionable backlog of fixes.
Quick Start
Run the audit on the landing page component to generate a scored P0–P3 report and prioritized remediation plan.