web-design-guidelines
Originally fromvercel-labs/agent-skills
Installation
Summary
Automated UI code review against Vercel's Web Interface Guidelines.
- Fetches the latest guidelines from the official Vercel repository before each review to ensure current rule compliance
- Analyzes React, Vue, Svelte, HTML, CSS, and JavaScript/TypeScript files against all fetched rules
- Reports violations in
file:lineformat with actionable feedback on how to fix each issue - Supports file paths and glob patterns for flexible scope selection across projects
SKILL.md
Web Interface Guidelines Review
Review files for compliance with Vercel's Web Interface Guidelines.
When to use this skill
- UI code review: check compliance with Web Interface Guidelines
- Accessibility check: when asked "check accessibility"
- Design audit: when asked "audit design"
- UX review: when asked "review UX"
- Best practices review: when asked "check my site against best practices"
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