Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations.
Install
npx skills add vercel/next.js --skill cache-componentsnpx skills add vercel/next.js --skill cache-components -a claude-code -gnpx skills add vercel/next.js --skill cache-components -a codex -ggemini skills install https://github.com/vercel/next.js.git --path .claude-plugin/plugins/cache-components/skills/cache-componentsgh skill install vercel/next.js cache-componentsgit 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/.claude-plugin/plugins/cache-components/skills/cache-components ~/.claude/skills/cache-components # Claude Code
cp -R /tmp/vercel__next.js/.claude-plugin/plugins/cache-components/skills/cache-components ~/.agents/skills/cache-components # Codex, Cursor, Gemini CLI, Copilot, OpenCode