Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.
Install
npx skills add wsimmonds/claude-nextjs-skills --skill nextjs-app-router-fundamentalsnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-app-router-fundamentals -a claude-code -gnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-app-router-fundamentals -a codex -ggemini skills install https://github.com/wsimmonds/claude-nextjs-skills.git --path nextjs-app-router-fundamentalsgh skill install wsimmonds/claude-nextjs-skills nextjs-app-router-fundamentalsgit clone --depth 1 https://github.com/wsimmonds/claude-nextjs-skills /tmp/wsimmonds__claude-nextjs-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/wsimmonds__claude-nextjs-skills/nextjs-app-router-fundamentals ~/.claude/skills/nextjs-app-router-fundamentals # Claude Code
cp -R /tmp/wsimmonds__claude-nextjs-skills/nextjs-app-router-fundamentals ~/.agents/skills/nextjs-app-router-fundamentals # Codex, Cursor, Gemini CLI, Copilot, OpenCode