wsimmonds avatar

wsimmonds/claude-nextjs-skills

skills.sh installs
4.8K
skills
9

Install

$ npx -y skills add wsimmonds/claude-nextjs-skills --agent claude-code

Installs into .claude/skills of the current project.

Skills

1wsimmonds avatarnextjs-app-router-fundamentalswsimmonds/claude-nextjs-skillsGuide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling me2.2Kskills.sh installs
2wsimmonds avatarnextjs-server-client-componentswsimmonds/claude-nextjs-skillsGuide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navig364skills.sh installs
3wsimmonds avatarvercel-ai-sdkwsimmonds/claude-nextjs-skillsGuide for Vercel AI SDK v5 implementation patterns including generateText, streamText, useChat hook, tool calling, embeddings, and MCP integration. Use when imp342skills.sh installs
4wsimmonds avatarnextjs-advanced-routingwsimmonds/claude-nextjs-skillsGuide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and336skills.sh installs
5wsimmonds avatarnextjs-client-cookie-patternwsimmonds/claude-nextjs-skillsPattern for client components calling server actions to set cookies in Next.js. Covers the two-file pattern of a client component with user interaction (onClick325skills.sh installs
6wsimmonds avatarnextjs-use-search-params-suspensewsimmonds/claude-nextjs-skillsPattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when ac313skills.sh installs
7wsimmonds avatarnextjs-server-navigationwsimmonds/claude-nextjs-skillsGuide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client nav305skills.sh installs
8wsimmonds avatarnextjs-dynamic-routes-paramswsimmonds/claude-nextjs-skillsGuide for Next.js App Router dynamic routes and pathname parameters. Use when building pages that depend on URL segments (IDs, slugs, nested paths), accessing t304skills.sh installs
9wsimmonds avatarnextjs-pathname-id-fetchwsimmonds/claude-nextjs-skillsFocused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server compon296skills.sh installs