react-best-practices (Vercel)

O que faz

• Regras de desempenho de React e Next.js
• Revisão e refatoração de componentes
• Otimização de pacotes e busca de dados

Como instalar

• Claude Code

  npx skills add vercel-labs/agent-skills

• Hermes

  hermes skills install skills-sh/vercel-labs/agent-skills/vercel-react-best-practices

O que é uma skill e como instalar

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.

Instale a skill react-best-practices (Vercel), de Vercel.
Repositório: https://github.com/vercel-labs/agent-skills
SKILL.md: https://github.com/vercel-labs/agent-skills/blob/main/skills/react-best-practices/SKILL.md
Comandos oficiais de instalação:
- Claude Code: npx skills add vercel-labs/agent-skills
- Hermes: hermes skills install skills-sh/vercel-labs/agent-skills/vercel-react-best-practices
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

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, 856.482 instalações (fonte: skills.sh)
• Conferida em 31/10/2026; repositório atualizado em 28/10/2026