Web Design Guidelines
Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. Locally installed from the Vercel Labs agent-skills lineage; the executable skill fetches the current guideline command before each review. Source: ~/.cursor/skills/web-design-guidelines/SKILL.md;
vercel-labs/agent-skillsf8a72b9, checked 2026-07-06
Design Position
| Field | Value |
|---|---|
| Design family | Method, tactics, and prompting |
| Use when | Use when shaping a design brief, tactic set, prompt, or review with Web Design Guidelines. |
| System map | Design System Map |
| Proof path | Brief or review output should name the chosen method, tactics, constraints, and rendered proof path. |
How It Works
The skill fetches the latest guidelines from Vercel's canonical source before each review, ensuring rules stay current:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Accept file paths or patterns as arguments. Output findings in terse file:line format for quick scanning and remediation.
When to Apply
- After writing or editing React/TSX components
- During UI code review
- When checking accessibility compliance
- When auditing design system implementation
- Before submitting PRs that touch UI code
Integration
The web-design-guidelines skill auto-loads when reviewing UI code in Cursor. It layers on top of the Dedalus-specific design rules in Design System and Interface Micro-Polish - those define Kevin's tokens and polish standards; this enforces Vercel's broader web interface principles.
For React-specific performance rules, see React and the vercel-react-best-practices skill (69 rules across 8 categories).
Timeline
- 2026-07-06 | Source-reviewed the current
vercel-labs/agent-skillsrepo and confirmedweb-design-guidelinesstays as the local executable owner instead of importing a duplicate. The skill's durable behavior is fetching the canonicalweb-interface-guidelinescommand before applying the audit. Source: GitHubvercel-labs/agent-skillsandweb-interface-guidelines, 2026-07-06 - 2026-07-01 | Design category refresh added this page to the Method, tactics, and prompting family, linked it to Design System Map, and kept it standalone because Web Design Guidelines owns a distinct design decision surface in this family. Source: User request, 2026-07-01