Agent skills for Next.js projects
180 open-license skills in our database are built for Next.js, and 652 skills match a typical Next.js project. Below: what coding agents get wrong on Next.js, 3 picks to start with, and where each agent loads them.
Updated 2026-10-18. Tags used for this page: typescript, react, nextjs.
What coding agents get wrong in Next.js
Agents mix the App Router and the old Pages Router in one answer. They put hooks in Server Components, forget the 'use client' line, and fetch data in useEffect where a server fetch fits. Caching rules changed between versions, so stale advice is common.
Skills that help
Skills that state App Router patterns, data fetching and caching rules. Add a testing skill for components and routes, and a review skill for server and client boundaries.
Cursor rules: the database holds 98 Cursor rule files (.mdc) tagged Next.js (general-javascript-react-next-js-rule, general-solidity-typescript-node-js-next-js-rule, general-typescript-nextjs-rule, general-typescript-node-js-next-js-app-router-react-rule, general-typescript-node-js-next-js-app-router-rules, general-typescript-node-js-next-js-project-rules, and more). Cursor reads them from .cursor/rules/. Other agents load SKILL.md skills, so most picks here are skills.
3 picks to start with
1. nextjs-app-router-patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
npx skills add wshobson/agents --skill nextjs-app-router-patterns
2. optimized-nextjs-typescript
Optimized Next.js TypeScript best practices with modern UI/UX, focusing on performance, security, and clean architecture
npx skills add Mindrally/skills --skill optimized-nextjs-typescript
3. react-patterns
Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense...
npx skills add giuseppe-trisciuoglio/developer-kit --skill react-patterns
Get the list for your exact project
These 3 fit Next.js in general. The scan box opens with a sample Next.js description you can edit. A scan reads your repo or description, shows the match count and 2 picks free, and the full curated list (up to 30 picks with install commands, reasons and overlap notes) costs $9 once.
Where each agent loads Next.js skills
- Claude Code: project folder
.claude/skills/, install flag--agent claude-code - Cursor: project folder
.cursor/skills/ or .agents/skills/, install flag--agent cursor - Codex: project folder
.agents/skills/, install flag--agent codex - GitHub Copilot: project folder
.github/skills/ or .agents/skills/, install flag--agent github-copilot
npx skills add owner/repo --skill skill-name --agent claude-code
How we count
We match project tags against 86,803 skills from 5,854 public GitHub repos (refreshed 2026-10-18). A skill built for another framework or language is left out, and so is a skill below our relevance floor. The picks on this page come from the ranked list for these tags. We favor broad practice skills over single-task ones. Licenses are shown as each repo declares them. Read a skill before you install it.
Questions
What agent skills should I use for Next.js?
Start with a broad practice skill built for Next.js, then add skills for testing and review. In our database 180 skills are tagged for Next.js and 652 skills match a typical Next.js project. The picks on this page are a place to start. A scan of your repo ranks the full list for your tasks.
Do I need a skill if my agent knows Next.js?
A skill pins the version and the patterns your team uses. Without one, the agent draws on mixed training data, which holds a lot of old Pages Router code.
Are there Cursor rules for Next.js?
Yes. The database holds 98 Cursor rule files (.mdc) tagged Next.js. Cursor loads them from .cursor/rules/. Claude Code, Codex and Copilot do not read .mdc rules, so pick SKILL.md skills for those agents.
Where do Next.js skills go for Claude Code, Cursor, Codex and Copilot?
Claude Code reads .claude/skills/, Cursor reads .cursor/skills/ or .agents/skills/, Codex reads .agents/skills/, and GitHub Copilot reads .github/skills/ or .agents/skills/. The install command takes --agent with the agent name and copies the skill folder there.
Why 3 picks here?
The right list depends on your exact stack and tasks. Run a free scan for your project to see its match count and 2 picks. The full curated list is $9 once.
Related stacks
React skillsTailwind CSS skillsSupabase skillsNode.js and Express skillsVue and Nuxt skills
All stacks
Next.js skillsReact skillsPython skillsFastAPI skillsDjango skillsReact Native and Expo skillsSupabase skillsRust skillsGo skillsdata science (Python, Jupyter, pandas) skillsVue and Nuxt skillsAngular skillsSvelte and SvelteKit skillsTailwind CSS skillsNode.js and Express skillsLaravel skillsRuby on Rails skillsSpring Boot skillsJava skills.NET and C# skillsC++ skillsiOS and SwiftUI skillsSwift skillsAndroid and Jetpack Compose skillsFlutter and Dart skillsTerraform skillsKubernetes skillsMongoDB skillsPyTorch skillsHugging Face skillsApache Airflow skillsdbt skillsShopify skillsWordPress skillsSalesforce skillsn8n skillsSolidity and smart contracts skills
By agent
Skills for Claude CodeSkills for CursorSkills for CodexSkills for GitHub Copilot