web-design-guidelines (Vercel)

por Vercel oficial

Revisa código de interface contra as Web Interface Guidelines da Vercel: acessibilidade, UX e boas práticas.

O que faz

Revisa arquivos de interface
Checa acessibilidade e UX
Usa as regras mais recentes da Vercel

Como instalar

Claude Code
```
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
```
Hermes
```
hermes skills install skills-sh/vercel-labs/agent-skills/web-design-guidelines
```

Prompt pro agente

Cole no seu agente (Claude, ChatGPT, Hermes, Codex ou outro) e ele instala a skill sozinho, depois de te contar o que ela faz.

qualquer agente

Instale a skill web-design-guidelines (Vercel), de Vercel.
Repositório: https://github.com/vercel-labs/agent-skills
SKILL.md: https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md
Comandos oficiais de instalação:
- Claude Code: npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- Hermes: hermes skills install skills-sh/vercel-labs/agent-skills/web-design-guidelines
Se o seu agente não estiver nessa lista, use o jeito dele de instalar skills a partir do repositório.
Antes de instalar, leia o SKILL.md e me diga em poucas linhas o que a skill faz e se precisa de alguma conta, chave de API ou programa. Só instale depois que eu confirmar.

Funciona com

Claude Code
Codex
Cursor
Gemini CLI
OpenCode
Hermes

Antes de instalar

Atenção: Busca as regras atualizadas em raw.githubusercontent.com a cada uso.
Scripts: Só instruções em texto (Markdown), sem scripts.
Licença: sem licença

Fontes

Repositório: github.com/vercel-labs/agent-skills
SKILL.md: ler o SKILL.md
Popularidade: 33.272 estrelas no GitHub, 806.211 instalações (fonte: skills.sh)
Conferida em 31/10/2026; repositório atualizado em 28/10/2026

Todas as skills