Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Add this skill
npx mdskills install vercel-labs/next-cache-componentsComprehensive Next.js 16 Cache Components reference with clear migration paths and practical examples
Agent skills for common Next.js workflows.
Start here. These background skills are auto-applied to prevent common mistakes.
next-best-practicesCore Next.js knowledge:
'use client', 'use server', 'use cache'route.tsnext/image optimizationnext/font optimization# Install essentials (recommended)
npx skills add vercel-labs/next-skills --skill next-best-practices
# Or install everything
npx skills add vercel-labs/next-skills
Optional skills for specific needs. Invoke via slash commands.
next-upgradeUpgrading between Next.js versions with official migration guides.
npx skills add vercel-labs/next-skills --skill next-upgrade
next-cache-componentsNext.js 16 Cache Components and PPR. Covers cacheComponents: true, 'use cache' directive, cache profiles, cacheLife(), cacheTag(), and updateTag().
npx skills add vercel-labs/next-skills --skill next-cache-components
Background skills (next-best-practices) are automatically applied when relevant.
Slash commands for advanced skills:
/next-upgrade
/next-cache-components
For React-specific patterns (hooks, state management, component composition):
npx skills add vercel-labs/agent-skills --skill react-best-practices
Each skill follows the Agent Skills open standard:
skills/ with the skill name (prefix with next-)SKILL.md file with YAML frontmatter:
---
name: next-skill-name
description: Brief description
user-invocable: false # for background skills
---
.md files and reference them from SKILL.mdInstall via CLI
npx mdskills install vercel-labs/next-cache-componentsNext Cache Components is a free, open-source AI agent skill. Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Install Next Cache Components with a single command:
npx mdskills install vercel-labs/next-cache-componentsThis downloads the skill files into your project and your AI agent picks them up automatically.
Next Cache Components works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Codex, Gemini Cli, Amp, Roo Code, Goose, Opencode, Trae, Qodo, Command Code. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.