Web Design Guidelines
This pulls Vercel's Web Interface Guidelines from GitHub and runs your UI code against them automatically. You invoke it when you need to audit accessibility, review UX patterns, or check a site against best practices. It fetches the latest ruleset fresh each time, reads your files, and spits out findings in a clean file:line format that's easy to parse. The guidelines themselves live in a Vercel Labs repo, so you're getting their opinionated take on modern web interfaces. Handy if you want a second pair of eyes on your markup without manually cross-referencing a style guide or reinventing checks you've already run a dozen times before.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 11
- skills.sh installs
- 223
- GitHub stars
- 27.5K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add vercel-labs/claude-skills --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/vercel-labs/claude-skills
- Categories
- Cloud & Infrastructure, Design & UI/UX
- First seen
- Jun 3, 2026
More from vercel-labs/claude-skills
All 4Recommended
More Cloud & Infrastructure
json-render-shadcnvercel-labs/json-renderPre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with 213skills.sh installs