This directory contains Claude Code plugins for Next.js development.
The Next.js repository serves as a Claude Code plugin marketplace. Team members and contributors can install plugins directly from this repo.
# Add the Next.js marketplace
/plugin marketplace add vercel/next.js
# List available plugins
/plugin list
# Install a plugin
/plugin install cache-components@nextjs| Plugin | Description |
|---|---|
cache-components |
Expert guidance for Cache Components and PPR |
To auto-enable plugins for everyone working in a Next.js project, add to .claude/settings.json:
{
"extraKnownMarketplaces": {
"nextjs": {
"source": {
"source": "github",
"repo": "vercel/next.js"
}
}
},
"enabledPlugins": {
"cache-components@nextjs": true
}
}To add a new plugin to the marketplace:
mkdir -p .claude-plugin/plugins/my-plugin/.claude-plugin
mkdir -p .claude-plugin/plugins/my-plugin/skills/my-skillFile: .claude-plugin/plugins/my-plugin/.claude-plugin/plugin.json
{
"name": "my-plugin",
"version": "1.0.0",
"description": "What the plugin does",
"author": {
"name": "Next.js Team"
}
}File: .claude-plugin/plugins/my-plugin/skills/my-skill/SKILL.md
---
name: my-skill
description: When to use this skill
---
# My Skill
Instructions for Claude...Add to .claude-plugin/marketplace.json:
{
"plugins": [
{
"name": "my-plugin",
"source": "./plugins/my-plugin",
"description": "What it does"
}
]
}claude --plugin-dir .claude-plugin/plugins/my-plugin.claude-plugin/
├── marketplace.json ← Marketplace catalog
└── plugins/
├── README.md ← This file
└── cache-components/
├── .claude-plugin/
│ └── plugin.json ← Plugin manifest
├── skills/
│ └── cache-components/
│ ├── SKILL.md ← Main skill file
│ ├── REFERENCE.md ← API reference
│ ├── PATTERNS.md ← Usage patterns
│ └── TROUBLESHOOTING.md ← Debugging guide
└── README.md ← Plugin documentation