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.
Install
npx skills add vercel-labs/migration-skills --skill cra-to-next-migrationnpx skills add vercel-labs/migration-skills --skill cra-to-next-migration -a claude-code -gnpx skills add vercel-labs/migration-skills --skill cra-to-next-migration -a codex -ggemini skills install https://github.com/vercel-labs/migration-skills.git --path cra-to-next-migrationgh skill install vercel-labs/migration-skills cra-to-next-migrationgit clone --depth 1 https://github.com/vercel-labs/migration-skills /tmp/vercel-labs__migration-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel-labs__migration-skills/cra-to-next-migration ~/.claude/skills/cra-to-next-migration # Claude Code
cp -R /tmp/vercel-labs__migration-skills/cra-to-next-migration ~/.agents/skills/cra-to-next-migration # Codex, Cursor, Gemini CLI, Copilot, OpenCode