Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route and entry point at a time; the shipped test then guards against regression.
Install
npx skills add vercel/next.js --skill next-cache-components-optimizernpx skills add vercel/next.js --skill next-cache-components-optimizer -a claude-code -gnpx skills add vercel/next.js --skill next-cache-components-optimizer -a codex -ggemini skills install https://github.com/vercel/next.js.git --path skills/next-cache-components-optimizergh skill install vercel/next.js next-cache-components-optimizergit clone --depth 1 https://github.com/vercel/next.js /tmp/vercel__next.js
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel__next.js/skills/next-cache-components-optimizer ~/.claude/skills/next-cache-components-optimizer # Claude Code
cp -R /tmp/vercel__next.js/skills/next-cache-components-optimizer ~/.agents/skills/next-cache-components-optimizer # Codex, Cursor, Gemini CLI, Copilot, OpenCode