# web-design-guidelines (Vercel)

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

- Autor: Vercel (oficial)
- Categoria: Design e web
- Funciona com: Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Hermes
- Licença: sem licença
- Popularidade: 33.272 estrelas no GitHub, 806.211 instalações (fonte: https://www.skills.sh/vercel-labs/agent-skills/web-design-guidelines)
- Conferida em 31/10/2026; repositório atualizado em 28/10/2026

## 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
```

## 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: https://github.com/vercel-labs/agent-skills
- SKILL.md: https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md
- Popularidade: https://www.skills.sh/vercel-labs/agent-skills/web-design-guidelines
- Página: https://needmorecontext.com/skills/web-design-guidelines/

---

Diretório completo: https://needmorecontext.com/skills.md
llms.txt: https://needmorecontext.com/llms.txt