What is web-design-guidelines?
web-design-guidelines is a Claude skill by vercel-labs that 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". It is listed under Design & UI and has 713,500 installs.
| Type | Claude skill |
|---|---|
| Author | vercel-labs |
| Repository | vercel-labs/agent-skills |
| Popularity | 713,500 installs |
| Category | Design & UI |
| Security | Low risk (96/100) |
| Rank | #24 of 1,262 Claude skills; #10 in Design & UI |
| SKILL.md length | 39 lines |
| Last commit | 2026-10-14 |
| Stars this week | +337 |
| Installs in the last 24h | 4,100 |
Is web-design-guidelines safe to install?
web-design-guidelines scores 96/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 8 of 9 checks.
Skill results come from a static scan of its SKILL.md for instruction overrides, hidden actions, risky commands and credential access.
| Check | Result |
|---|---|
| No instruction-override phrases | Pass |
| No hidden actions | Pass |
| No pipe-to-shell installers | Pass |
| No obfuscated code | Pass |
| No destructive commands | Pass |
| Doesn't ask for keys or credentials | Pass |
| Makes network requests | Note |
| No shell commands | Pass |
| Installs no packages | Pass |
What the scan matched
- network:
https://
How do I install web-design-guidelines?
- Install with the skills CLI. Works for Claude Code and other agents that read skills.
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
git clone https://github.com/vercel-labs/agent-skills cp -r agent-skills/skills/web-design-guidelines ~/.claude/skills/web-design-guidelines
- Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
Use the web-design-guidelines skill to …
Or ask Claude to set it up
Paste this into Claude Code and it installs web-design-guidelines for you:
Install the "web-design-guidelines" skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines into ~/.claude/skills, then tell me in one line what it does.
More from vercel-labs/agent-skills
This repository has 5 Claude skills on MCPMods.
- vercel-react-best-practices: (Not scanned)
- vercel-composition-patterns: (Not scanned)
- vercel-react-native-skills: (Not scanned)
- deploy-to-vercel: Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy (Low risk)