Next.js como ele é hoje
Convenção de arquivo, fronteira de RSC, padrão de dado, API assíncrona, metadata.
next-best-practices- Peso
- massivo
- 3.410 linhas · 600+ linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- 1 conflito
- Combina com 2 outras.
O que ela faz
A skill que resolve o problema central de um agente com Next: ele sabe a versão que estava no treino, e o Next muda de convenção todo ano.
Quando não usar
Não use para a camada de cache do Next 16 — isso é next-cache-components.
Briga com
Ficha técnica
- Descrição original
- Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
- Caminho no repo
.agents/skills/next-best-practices/SKILL.md- SKILL.md
- 154 linhas
- Documentos de apoio
- async-patterns.md · bundling.md · data-patterns.md · debug-tricks.md · directives.md · error-handling.md · file-conventions.md · font.md · functions.md · hydration-error.md · image.md · metadata.md · parallel-routes.md · route-handlers.md · rsc-boundaries.md · runtime-selection.md · scripts.md · self-hosting.md · suspense-boundaries.md (+3.256 linhas)
- Seções
- File Conventions · RSC Boundaries · Async Patterns · Runtime Selection · Directives · Functions · Error Handling · Data Patterns · Route Handlers · Metadata & OG Images · Image Optimization · Font Optimization · Bundling · Scripts
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