What it does
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
This entry summarizes the public skill for discovery. Prefer the upstream SKILL.md for the full instruction text (we do not paste restricted or lengthy proprietary prompt bodies).
Install & usage
skills CLI (works across many agents)
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
# or install the whole package:
npx skills add vercel-labs/agent-skills
Compatible paths vary by agent (Claude Code, Codex, Cursor, etc.). Prefer the skills CLI so manifests land in the right directory.
Best for
UI audits against web interface guidelines.
Hands-on test
- test_level: fully-tested
- Ran: yes
- When: 2026-11-01T01:20:00+08:00 (Asia/Shanghai)
- Result: Fetched Vercel Web Interface Guidelines and audited nori-press.html (lang/viewport OK; missing focus-visible/skip link).
- Gotchas: Skill expects fetching upstream guidelines; offline-only agents need a cached copy.
Money-saving tip
Skill is free (MIT). Deploy previews on Vercel free/hobby where possible; use vercel-optimize skill before buying higher compute.
Source & license
- source_repo: vercel-labs/agent-skills
- Source: https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
- License: MIT — https://github.com/vercel-labs/agent-skills/blob/main/README.md
- Restrictions: MIT. Follow Vercel ToS for deployments; tokens must stay secret.