🎨 Design

web-design-guidelines

Name: web-design-guidelines
Author: vercel-labs

by vercel-labs1 month ago29.9k

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".

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/vercel-labs--agent-skills--skills--web-design-guidelines/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@mattpocockuk

"@dayson @brandonbryant02 I imagine it's because you've used one and not the other"

X@mattpocockuk

"Top 5 all-time on nice Someday its sequel, /wayfinder, will eclipse it"

First 3 tasks to try

1Fetch guidelines from the source URL above
```
Fetch guidelines from the source URL above
```
2Read the specified files
```
Read the specified files
```
3Apply all rules from the fetched guidelines
```
Apply all rules from the fetched guidelines
```