Purpose
Vercel Web Design Guidelines reviews UI source files against the current Web Interface Guidelines. It fetches the latest rules, checks interaction, accessibility, copy, and interface details, then reports findings as file and line references.
When to use it
Use it to review a form, navigation, buttons, or a page during implementation. Give it a file or path pattern to inspect.
Example
For example, ask it to review checkout form files and cite the lines with label, error-message, or keyboard issues.
This example is hypothetical; this site has not tested it.
Limitations
The review depends on the guidelines fetched for that run and on readable source files. File and line findings do not replace browser, assistive-technology, or user testing.
Installation
The official guidelines provide this Skills CLI command. Reviews also need access to the current rules.
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelinesRun the command yourself in a supported environment. Reading this page does not install the Skill.