24 skills · 112 min
Credited skills
Skill 23 of 24
Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration.
1 minute · 174 words · 3 sections
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.shThis 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$react-vendoring - vendored React runtime and type boundaries after syncing.Credited
This skill is installed in vercel/next.js — in use here rather than published from here — so there is no install command for it on this page.
Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration. Use when working on React changes that need validation in Next.js, or when asked to run buildForNext, pnpm sync-react, or synchronize a React checkout with Next.js.
The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.
canary, last pushed 28 August 2026.SKILL.md, not by matching a directory convention. 2 distinct layouts observed: .agents/skills/*/SKILL.md, skills/*/SKILL.md.h1 and no skipped levels:.claude-plugin/marketplace.json by Vercel, declaring 1 plugin. It is read for editorial metadata only — never as the skill index, which is always the repository tree.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.
/vercel/next.js.md, and each skill at its own .md URL.1 file · 964 B
Everything this skill ships beside its prose. All of it is set here, as a subchapter of skill 23.
Executable code the skill can run.