---
name: vercel-web-design-guidelines
slug: vercel-web-design-guidelines
score: 53
rubric: 1.0
provenance: verified-org
publisher: Vercel
license: MIT
capability: read-only
canonical: https://top-agent-skills.com/skill/vercel-web-design-guidelines
---

# vercel-web-design-guidelines

100+ accessibility and UX rules from Vercel, applied as a structural audit on your UI code.

## Install

### Claude Code

```bash
npx skills add github.com/vercel-labs/agent-skills --skill web-design-guidelines
```

### Cursor

```bash
npx skills add github.com/vercel-labs/agent-skills --skill web-design-guidelines --target cursor
```

### Codex CLI

```bash
codex skills add vercel-labs/agent-skills/skills/vercel-web-design-guidelines
```

## Best for

Pre-PR audits, accessibility compliance, design system enforcement.


## About

Audits UI code against 100+ Vercel accessibility and UX rules. Reports violations structurally.

## Compatibility

claude-code, cursor, codex

## Metadata

- Categories: frontend-design, code-quality-review
- Tags: A11y, UX, Audit
- Setup time: 2 min
- Complexity: Low
- Last update: 2026-04-08
- Verified: 2026-04-29
- Source: https://github.com/vercel-labs/agent-skills


---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_