Pular para o conteúdo
Diretório da Vercel

De CRA para Next

Guia completo de migração de Create React App para Next.js.

cra-to-next-migration
Peso
pesado
378 linhas · 200–600 linhas
Gatilho
o agente chama
O agente dispara sozinho quando a descrição bate com a tarefa.
Encaixe
livre
Combina com 1 outra.

O que ela faz

Trezentas e setenta e oito linhas cobrindo o caminho inteiro: React Router para roteamento por arquivo, Server Components, otimização de imagem.

Quando não usar

Não use para migrar de Vite — o guia é específico para CRA.

Ficha técnica

Descrição original
Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.
Caminho no repo
cra-to-next-migration/SKILL.md
SKILL.md
378 linhas
Seções
When to Apply · Version Policy · Rule Categories by Priority · Quick Reference · Pre-Migration Checklist · How to Use · Migration Order · Post-Migration Verification Checklist

Instalar — vem com o pacote inteiro (25 skills)

CLI skills

No terminal, de qualquer diretório.

  1. 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-skills

Do mesmo pacote