Web Interface Guidelines Reviewer is a design claude skill built by Vercel. Best for: Web developers and designers use this to audit UI code against best practices, accessibility standards, and design guidelines before deployment..
Web Interface Guidelines Reviewer
Review UI code for compliance with Web Interface Guidelines and accessibility standards.
Skill instructions
name: web-design-guidelines description: 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". metadata: author: vercel version: "1.0.0" argument-hint: <file-or-pattern>
Web Interface Guidelines
Review files for compliance with Web Interface Guidelines.
How It Works
- Fetch the latest guidelines from the source URL below
- Read the specified files (or prompt user for files/pattern)
- Check against all rules in the fetched guidelines
- Output findings in the terse
file:lineformat
Guidelines Source
Fetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
Usage
When a user provides a file or pattern argument:
- Fetch guidelines from the source URL above
- Read the specified files
- Apply all rules from the fetched guidelines
- Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
Use this skill
Most skills are portable instruction packages. Claude Code supports SKILL.md directly. Other agents can use adapted files like AGENTS.md, .cursorrules, and GEMINI.md.
Claude Code
Save SKILL.md into your Claude Skills folder, then restart Claude Code.
mkdir -p ~/.claude/skills/web-interface-guidelines-reviewer && curl -L "https://raw.githubusercontent.com/vercel-labs/agent-skills/HEAD/skills/web-design-guidelines/SKILL.md" -o ~/.claude/skills/web-interface-guidelines-reviewer/SKILL.mdInstalls to ~/.claude/skills/web-interface-guidelines-reviewer/SKILL.md.
Use cases
Web developers and designers use this to audit UI code against best practices, accessibility standards, and design guidelines before deployment.
Reviews
No reviews yet. Be the first to review this skill.
No signup required
Stats
Creator
VVercel
@vercel-labs