What problem does it solve? Frontend code often ships with accessibility gaps, focus-state bugs, hydration mismatches, and performance anti-patterns that manual review misses. This Skill audits user-facing web UI against a pinned snapshot of the Vercel Web Interface Guidelines and reports reproducible, file-and-line findings. ## Core Features & Use Cases - Guideline-Based UI Audit: Checks accessibility, focus states, forms, animation, typography, images, performance, navigation, dark mode, i18n, and hydration safety against a fixed rule set. - Ranked, Actionable Findings: Reports only reproducible, user-impacting defects with precise file:line locations, separating verified defects from items needing browser or screen-reader validation. - Pinned Snapshot for Reproducibility: Uses a bundled reference file instead of fetching mutable remote instructions, so reviews stay consistent over time. - Use Case: Before shipping a new React settings page, ask for a review to catch icon buttons missing aria-labels, inputs without labels, transition: all usage, and images lacking explicit dimensions. ## Quick Start Review the UI code in src/components against the web interface guidelines and list accessibility and performance issues with file and line numbers.
