What problem does it solve? UI code often ships with accessibility gaps, missing focus states, hydration bugs, and performance anti-patterns that are tedious to catch manually. This Skill audits your frontend code against the Vercel Web Interface Guidelines and reports concrete violations with file and line references. ## Core Features & Use Cases - Comprehensive Rule Coverage: Checks accessibility, focus states, forms, animation, typography, images, performance, navigation, touch interaction, dark mode, i18n, and hydration safety. - Anti-Pattern Detection: Flags common mistakes like transition: all, outline-none without focus replacement, icon buttons without aria-label, and unvirtualized large lists. - Actionable Output: Reports findings grouped by file in file:line format so you can jump directly to each issue in your editor. - Use Case: Before merging a pull request that adds a new settings page, run this review to catch missing labels on form inputs, hardcoded date formats, and images without explicit dimensions. ## Quick Start Review the UI code in my current branch for compliance with the web interface guidelines and list all violations by file and line.
