nextjs-developer
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.
Install
With your agent
Install OMGSkills skill "jeffallan/claude-skills:nextjs-developer" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/Jeffallan/claude-skills /tmp/claude-skills && ln -s /tmp/claude-skills/skills/nextjs-developer ~/.claude/skills/nextjs-developerFrom README
Next.js Developer Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence. Core Workflow Architecture planning — Define app structure, routes, layouts, rendering strategy Implement routing — Create App Router structure with layouts, templates, loading/error states Data layer — Set up server components, data fetching, caching, revalidation Optimize — Images, fonts, bundles, streaming, edge runtime Deploy — Production build, environment , monitoring Validate: run next build locally, confirm zero type errors, check NEXTPUBLIC and server-only env vars are set, run Lighthouse/PageSpeed to confirm Core Web Vitals > 90 Reference Guide Load detailed guidance based on context: | Topic | Reference | Load When | |-------|-----------|-----------| | App Router | references/app-router.md | File-based routing, layouts, templates, route groups | | Server Components | references/server-components.md...
More from this repo
api-designer
Used when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture.
architecture-designer
Used when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
atlassian-mcp
Integrates with Atlassian products to manage project tracking and documentation via MCP protocol.