Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive.
Install
npx skills add wsimmonds/claude-nextjs-skills --skill nextjs-server-client-componentsnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components -a claude-code -gnpx skills add wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components -a codex -ggemini skills install https://github.com/wsimmonds/claude-nextjs-skills.git --path nextjs-server-client-componentsgh skill install wsimmonds/claude-nextjs-skills nextjs-server-client-componentsgit 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-server-client-components ~/.claude/skills/nextjs-server-client-components # Claude Code
cp -R /tmp/wsimmonds__claude-nextjs-skills/nextjs-server-client-components ~/.agents/skills/nextjs-server-client-components # Codex, Cursor, Gemini CLI, Copilot, OpenCode