Nextjs skill

O Claude escreve e revisa seu site em Next.js 16 seguindo 45 regras, sem repetir o jeito do Next 15 que já não vale.

instalações: 1.200
estrelas no GitHub: 218
No skills.sh desde: janeiro de 2026
Licença: MIT

Atualizada no GitHub em 15 de agosto de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

pproenca
nextjs
O Claude escreve e revisa seu site em Next.js 16 seguindo 45 regras, sem repetir o jeito do Next 15 que já não vale.Auditada1.200 instalações, grátis

O que ela faz

Traz 45 regras de Next.js 16 com App Router, em 9 categorias ordenadas por impacto: build e tamanho do pacote, cache, Server Components, rotas, Server Actions, carregamento, SEO, componentes de cliente e higiene do código. Cada regra mostra os disfarces que o mesmo erro costuma ter, pro Claude achar mais que o óbvio.

Ensina o que mudou no 16: 'use cache' explícito no lugar do cache implícito, proxy.ts no lugar de middleware.ts, revalidateTag com perfil de cacheLife e sitemap gerado pelo app/sitemap.ts. Assim o Claude não entrega código no padrão antigo.

Pra revisar o projeto inteiro, segue um roteiro fixo: varre uma categoria por vez em todos os arquivos e fecha com uma tabela de cobertura. No fim aponta o que dá pra apagar, juntar ou reaproveitar, como rotas mortas e buscas de dados duplicadas.

Nas palavras de quem fez

Next.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a category-major…

pproenca, no SKILL.md

Quando usar

Começar um site ou uma página nova em Next.js 16
Subir um projeto do Next.js 15 pro 16
Revisar o repositório inteiro antes de publicar
Descobrir por que o site está pesado pra abrir
Acertar title, sitemap e imagem de compartilhamento das páginas

Depois de instalar, é só pedir assim

Revisa o projeto inteiro com a skill nextjs e me mostra a tabela do que achou em cada categoria
Migra esse site do Next 15 pro 16: troca o middleware.ts pelo proxy.ts e acerta o cache
Faz o formulário de contato com Server Action, sem rota de API

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a Nextjs no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Nextjs, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Ela serve pra qualquer site?

Não. É pra projetos em Next.js 16 com App Router. Padrões gerais de React 19 ficam de fora, e o próprio SKILL.md manda usar outra skill pra isso.

Precisa de chave de API ou conta paga?

Não. São regras em texto que o Claude lê na hora de escrever ou revisar código. Você só precisa do projeto Next.js na sua máquina.

Roda no Codex e no Antigravity?

Sim. A skill é só texto, sem programa extra, e ainda vem com um AGENTS.md que junta todas as regras num documento só.

Levar essa skill

1x nextjsR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/pproenca/dot-skills

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.