Skills Directory / Claude Skills for Full-Stack Developers
nextjs-developer
An agent skill by Jeffallan, from Jeffallan/claude-skills.
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.
Credit where it's due
This skill is the work of Jeffallan and lives at Jeffallan/claude-skills/nextjs-developer (MIT). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.
- From
- Claude Skills for Full-Stack Developers
- Author
- Jeffallan
- License
- MIT
- Source
- Jeffallan/claude-skills/nextjs-developer
- SKILL.md
- raw file
How to load this skill
Copy this prompt into your AI agent
Please install the "nextjs-developer" agent skill from the Claude Skills for Full-Stack Developers collection (https://github.com/Jeffallan/claude-skills) for me.
1. Run: git clone https://github.com/Jeffallan/claude-skills
2. Copy the skill folder into your skills directory:
cp -r claude-skills/skills/nextjs-developer ~/.claude/skills/nextjs-developer
(Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/Jeffallan/claude-skills) to support the author.
Skill reference: https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/nextjs-developer/SKILL.md
More details: https://primorum.ai/skills/s/nextjs-developer
Or manually: clone Jeffallan/claude-skills and copy
skills/nextjs-developer into
~/.claude/skills/ (Claude Code personal scope) or your agent's
SKILL.md directory. To read it first without installing, open the
raw SKILL.md.
Related skills
- react-expert — Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-a…
- mcp-developer — Use when building, debugging, or extending MCP servers or clients that connect AI systems with external tools …
- game-developer — Use when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance. Inv…
- java-architect — Use when building, configuring, or debugging enterprise Java applications with Spring Boot 3.x, microservices,…
- spark-engineer — Use when writing Spark jobs, debugging performance issues, or configuring cluster settings for Apache Spark ap…