Skills for Real Engineers. Straight from my .agents directory.
nextjs-developer
Agent skill fromJeffallan/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.
How to install nextjs-developer
npx skills add Jeffallan/claude-skills# or add only this skill to Claude Code: copy the folder
skills/nextjs-developer/
# into
~/.claude/skills/nextjs-developer/ (all projects)
.claude/skills/nextjs-developer/ (one project)
1# Next.js Developer23Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.45## Core Workflow671. **Architecture planning** — Define app structure, routes, layouts, rendering strategy82. **Implement routing** — Create App Router structure with layouts, templates, loading/error states93. **Data layer** — Set up server components, data fetching, caching, revalidation104. **Optimize** — Images, fonts, bundles, streaming, edge runtime115. **Deploy** — Production build, environment setup, monitoring12 - Validate: run `next build` locally, confirm zero type errors, check `NEXT_PUBLIC_*` and server-only env vars are set, run Lighthouse/PageSpeed to confirm Core Web Vitals > 901314## Reference Guide1516Load detailed guidance based on context:1718| Topic | Reference | Load When |19|-------|-----------|-----------|20| App Router | `references/app-router.md` | File-based routing, layouts, templates, route groups |21| Server Components | `references/server-components.md` | RSC patterns, streaming, client boundaries |22| Server Actions | `references/server-actions.md` | Form handling, mutations, revalidation |23| Data Fetching | `references/data-fetching.md` | fetch, caching, ISR, on-demand revalidation |24| Deployment | `references/deployment.md` | Vercel, self-hosting, Docker, optimization |2526## Constraints2728### MUST DO (Next.js-specific)29…
Excerpt shown under the repository's MIT license.
More skills in claude-skills
Similar skill repositories
An agentic skills framework & software development methodology that works.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Production-grade engineering skills for AI coding agents.
