What problem does it solve? Reviewing UI code for accessibility, forms, animation, typography, and performance issues is slow and inconsistent when done manually. This Skill audits components, pages, or PR diffs against the Vercel Web Interface Guidelines and returns terse, VS Code-clickable file:line findings with severity levels. ## Core Features & Use Cases - Rule-based UI audit: Checks 15 rule categories including accessibility, focus states, forms, animation, typography, images, performance, navigation, touch interaction, dark mode, i18n, and hydration safety. - Severity model: Classifies findings as Critical, Major, Minor, or Pass so teams know what blocks merge versus what can wait. - Fresh rules every run: Fetches the canonical rule set from the vercel-labs/web-interface-guidelines repository before each review instead of relying on cached text. - Use Case: Before merging a PR that touches React components, run the audit on the changed files to catch missing aria-labels, transition: all usage, and images without dimensions, then fix Critical items before merge. ## Quick Start Audit the UI files changed in my current PR against the Vercel Web Interface Guidelines and list findings by file and line.
