wsimmondsCommunity·10 Agent Skills Included

claude-nextjs-skills

Next.js App Router patterns, routing, and server components

Guides Next.js App Router development including dynamic routes, server actions, cookies, search params, and Vercel AI SDK integration. Eliminates common mistakes like misused useEffect, wrong client directives, and broken form actions that cause build failures. Helps developers ship correct Next.js code faster with proven patterns and anti-pattern fixes.

109|21

↗

npx skills add wsimmonds/claude-nextjs-skills --all -g -y

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

wsimmonds

nextjs-advanced-routing

Implement and validate Next.js App Router patterns with TypeScript.

vercel-ai-sdk

Integrate Vercel AI SDK v5 for chat interfaces, tool calling, and streaming.

nextjs-anti-patterns

Detect and fix Next.js App Router anti-patterns during code reviews.

nextjs-dynamic-routes-params

Maps URL segments to dynamic route files and accesses params in Next.js App Router.

nextjs-use-search-params-suspense

Enable Next.js client components to read URL query parameters using Suspense-wrapped useSearchParams hooks.

nextjs-app-router-fundamentals

Migrate Next.js Pages Router projects to App Router conventions.

nextjs-server-navigation

Guide Link and redirect() navigation in Next.js server components.

nextjs-pathname-id-fetch

Fetch and render item data from URL parameters in Next.js app directory dynamic routes.

nextjs-client-cookie-pattern

Trigger Next.js server actions from client components to set cookies.

nextjs-server-client-components

Resolve Server and Client Component selection in the Next.js App Router.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install claude-nextjs-skills?▼

Run `npx skills add wsimmonds/claude-nextjs-skills --all -g -y` in your terminal to install all Next.js skills globally.

What Next.js problems do these skills solve?▼

They cover App Router fundamentals, dynamic routes, server actions, cookies, search params with Suspense, and common anti-patterns like unnecessary useEffect or misplaced 'use client' directives.

Do these skills work with Next.js 15?▼

Yes. They cover Next.js 15 specifics such as awaiting params and searchParams as Promises, plus the latest Vercel AI SDK v5 patterns.

Can these skills fix Next.js build errors?▼

Yes. They include strict rules for TypeScript types, server action return values, and Suspense boundaries that prevent the most common build failures.

Do I need Next.js experience to use these skills?▼

No. Your coding assistant applies the patterns automatically when you describe the page, route, or feature you want to build.