Pular para o conteúdo

React and Next.js Best Practices

As regras de desempenho priorizadas da Vercel para escrever e revisar código React.

Oficial do fabricantepor VercelVerificado em 18 de outubro de 2026

Instale React and Next.js Best Practices grátis

Deixe seu email e os passos de instalação abrem aqui mesmo: um prompt para colar na sua ferramenta de IA. Vale para as 149 skills.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

O guia da equipe de engenharia da Vercel para apps React e Next.js rápidos, empacotado como skill. As regras são ordenadas por impacto, começando por cascatas de requisições e tamanho do bundle, para o Claude corrigir primeiro o que mais importa.

Para quem é

  • Desenvolvedores React
  • Equipes Next.js
  • Vibe coders

Prompts para testar

Com a skill instalada, peça o resultado com suas palavras. Sua ferramenta de IA usa a skill sozinha.

Prompt 1
Revise esta página Next.js em busca de problemas de desempenho
Prompt 2
Refatore a busca de dados do dashboard para remover as cascatas
Prompt 3
Por que meu bundle está tão grande? Aplique as boas práticas de React

Como instalar

As skills seguem o padrão aberto Agent Skills, então esta não depende de uma única empresa. Escolha a ferramenta de IA que você usa. Na dúvida? A primeira aba cobre a maioria em um passo só.

Mais fácil: cole isto em sua ferramenta de IA
Instale esta skill para mim para que ela funcione em todos os projetos: rode `npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices -g -y` no meu terminal. Se faltar o Node.js, me diga primeiro como instalar. Quando terminar, confirme que a skill foi instalada e me diga como começar a usar.

Ou faça você mesmo:

Um comando instala a skill nas ferramentas de IA do seu computador. Ele encontra as que você tem e pergunta em quais adicionar: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode e mais de 60 outras.

npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices -g

Você precisa ter o Node.js instalado (grátis, em nodejs.org). A opção -g deixa a skill disponível em todos os projetos.

Bom saber: Uma das skills mais instaladas no skills.sh.

Libere os passos de instalação

Grátis. Deixe seu email uma vez para liberar os passos de instalação das 149 skills e receber as melhores skills novas todo mês.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

Como verificamos

Confirmamos a skill na fonte original em 18 de outubro de 2026: o SKILL.md está onde deveria, os arquivos foram atualizados no último ano e a licença permite o uso. Ainda não a testamos em uma tarefa.

Mais skills que valem a pena