Identify and fix common Next.js App Router anti-patterns and mistakes. Use when reviewing code for Next.js best practices, debugging performance issues, migrating from Pages Router patterns, or preventing common pitfalls. Activates for code review, performance optimization, or detecting inappropriate useEffect/useState usage.
Install
npx skills add wsimmonds/claude-nextjs-skills --skill nextjs-anti-patternsnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-anti-patterns -a claude-code -gnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-anti-patterns -a codex -ggemini skills install https://github.com/wsimmonds/claude-nextjs-skills.git --path nextjs-anti-patternsgh skill install wsimmonds/claude-nextjs-skills nextjs-anti-patternsgit 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-anti-patterns ~/.claude/skills/nextjs-anti-patterns # Claude Code
cp -R /tmp/wsimmonds__claude-nextjs-skills/nextjs-anti-patterns ~/.agents/skills/nextjs-anti-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode