Performance de React, pela Vercel
Mais de quarenta regras de otimização em oito categorias, da engenharia da Vercel.
vercel-react-best-practices- Peso
- massivo
- 3.216 linhas · 600+ linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Combina com 2 outras.
O que ela faz
Dispara ao escrever, revisar ou refatorar React e Next. Cobre componente, busca de dado, bundle e as armadilhas de performance que o agente reproduz porque viu no treino.
Quando não usar
Não use como guia de estilo visual — é sobre desempenho, não sobre aparência.
Ficha técnica
- Descrição original
- React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
- Caminho no repo
.agents/skills/vercel-react-best-practices/SKILL.md- SKILL.md
- 140 linhas
- Documentos de apoio
- AGENTS.md · README.md (+3.076 linhas)
- Seções
- When to Apply · Rule Categories by Priority · Quick Reference · How to Use · Full Compiled Document
Instalar — vem com o pacote inteiro (25 skills)
CLI skills
No terminal, de qualquer diretório.
npx skills add vercel-labs/agent-skills
O mesmo time publica o `npx skills` que instala quase tudo neste site.
→O que essa instalação faz na sua máquinaFechar
Como o método funciona
O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.
Precisa ter
- Node 18+
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
Sair
npx skills remove vercel-labs/agent-skillsDo mesmo pacote