Compila cambios locales de React en las variantes de bundle que consume Next.js, los sincroniza con un checkout local de Next.js y prueba la integración.
en todo el repo
0–100, la ruta de este skill
último commit aquí
últimos 90 días
78 tok en reposo
3 KB
Funciona con cualquier agente que lea SKILL.md
npx -y skills add vercel/next.js --skill react-sync --agent claude-codeSe instala solo en este repositorio.
Di cualquiera de estas frases y el agente debería cargar este skill.
Use this skill when syncing a local React checkout into this Next.js checkout.
Build React from its own checkout. Pass this skill's script by its absolute path, because the working directory must be the React repository.
cd <react-repo>
bash <next-repo>/.agents/skills/react-sync/scripts/build-for-next.sh
This creates build/oss-stable and build/oss-experimental with the
bundle variants that Next.js consumes.
Sync the build into Next.js:
cd <next-repo>
PATH="$(dirname "$(command -v corepack)"):$PATH" \
pnpm sync-react --version <react-repo>
Work around a Codex PATH-precedence bug by keeping the directory containing
the active Corepack shim first on PATH. Codex injects a separate bundled
pnpm executable ahead of the user's Corepack shim, and command lookup
happens before Corepack reads the repository's packageManager field. The
prefix makes both this command and sync-react's nested pnpm install
resolve through Corepack to the repository-pinned pnpm version. Invoking
only the outer command with corepack pnpm is insufficient because the
nested command still resolves pnpm from PATH.
Inspect the sync result before testing. Preserve unrelated changes in both checkouts. Rebuild Next.js when required, then run the focused test command matching the changed behavior.
$react-vendoring - vendored React runtime and type boundaries after syncing.Reproducido de vercel/next.js bajo licencia MIT. Leer esta página en markdown.
2 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.
Necesita un checkout local de React y otro de Next.js.
Este repo incluye 22 skills. Si instalas uno, normalmente ya tienes los demás.
Activa Cache Components en una app de Next.js y resuelve las rutas bloqueantes que aparecen. Úsalo para adoptar o migrar, activar el flag cacheComponents o decidir entre excluir rutas y arreglarlas.
Lleva una ruta de Next.js a navegación instantánea bajo Cache Components o PPR mediante un bucle agéntico: codifica el objetivo como un e2e instant() en rojo y lo trabaja hasta verde, ruta a ruta.
Activa Partial Prefetching en una app de Next.js y resuelve las insights que surgen: audita los Link con prefetch, activa partialPrefetching y opta por rutas con prefetch = 'partial'.
Verifica el comportamiento en runtime de Next.js tras editar código de la aplicación. Combina /_next/mcp, la visión de Next.js, con agent-browser, la del navegador. Requiere un next dev en marcha.
Gestiona PRs apilados y parte el trabajo en ramas revisables con gh-stack: creación, visualización, edición, push, envío, sincronización, rebase, merge y checkout.
Compara el rendimiento de cambios de React o Next.js en VMs de Vercel Sandbox con estadística A/B pareada: rps, latencia, p95, TTFB, RSS y bytes de documento y Flight.
Cómo crear y mantener skills de agente en .agents/skills/. Úsalo al crear un SKILL.md, escribir descripciones, elegir campos de frontmatter o decidir qué va en un skill y qué en AGENTS.md.
Lleva un pull request fusionado de Next.js desde canary a una rama de release anterior como next-16-2: localiza el commit, crea la rama, hace cherry-pick, valida y abre el PR.
Crea ramas, commits, pushes y pull requests de GitHub para Next.js. Cubre la plantilla de PR, el formato de --body, las ramas codex/ y las directivas de git de la app Codex.
