byvercel· 96 skills
Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered/served/prefetched, grow a route's static shell or fix its slow first paint, diagnose which Suspense boundary keeps a route out of its static shell, or write the instant() e2e guard for one. Requires Next.js 16.3+ with cacheComponents; directs an upgrade if older.
$npx -y skills add vercel/next.js --skill next-cache-components-optimizerInstalls into the current project.
Run `npx skills use "https://github.com/vercel/next.js" --skill "vercel/next.js/next-cache-components-optimizer"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/vercel/next.js" that are relevant to the current task. Run `npx skills add "https://github.com/vercel/next.js"` and select the relevant skills, then follow their instructions.