web-design-guidelines

Provide a file or pattern argument and the Skill fetches the latest Web Interface Guidelines, then checks your files against every rule. Findings are reported in a terse file:line format so you can locate and fix each issue quickly.

The workflow is design first, then code, then audit, then fix. This Skill handles the audit step: it fetches fresh guidelines from the vercel-labs repository, reads your specified files, applies all rules, and outputs violations.

Yes. The Skill fetches the latest guidelines from the vercel-labs web-interface-guidelines repository via WebFetch before every review, so the ruleset always reflects the current published version rather than a cached copy.

If no file or pattern argument is provided, the Skill asks you which files to review. You can then supply a specific file path or a glob pattern targeting the UI code you want audited.

Use design principles guidance before coding to learn color, typography, and UX psychology. Use this audit after coding to check the implemented UI for accessibility, performance, and best-practice violations.