Skip to content

Web Interface Guidelines Review

Audit UI code against Vercel's web interface guidelines for UX and accessibility.

Official vendorby VercelChecked October 18, 2026

Vercel's skill for reviewing interface code against its published Web Interface Guidelines. It fetches the current rules and reports concrete violations in your components, from focus states to form behavior.

Who it is for

  • Frontend developers
  • Designers who code
  • QA reviewers

Prompts to try

Once the skill is installed, ask for the result in plain words. Claude picks the skill up on its own.

Prompt 1
Review my UI against the web interface guidelines
Prompt 2
Check the signup form components for accessibility and UX problems
Prompt 3
Audit this page before launch and list what breaks best practices

How to install it

In Claude Code

  1. npx skills add vercel-labs/agent-skills --skill web-design-guidelines

In Claude.ai

Zip the skill folder and upload it under Customize > Skills > + > Create skill > Upload a skill.

Good to know

One of the most installed skills on the skills.sh registry.

Unlock the install steps

Free. Leave your email once to open the install steps for all 149 skills, and get the best new skills each month.

No spam. One click to unsubscribe. We use your email to send you the course and AI tips.

How we checked it

Confirmed SKILL.md at skills/web-design-guidelines/SKILL.md in vercel-labs/agent-skills via the GitHub API; skill folder last changed 2026-01-16, repo has 32,564 stars and was pushed 2026-10-14; published in Vercel's official vercel-labs/agent-skills collection.

Source: github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines