🎯

nextjs

🎯Skill

from jezweb/claude-skills

What it does

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

Overview

Nextjs is a Claude Code skill that provides production-ready patterns for building Next.js 16 applications with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. It includes solutions for 25 documented Next.js 16 errors and covers breaking changes, React 19.2 features, and Turbopack configuration.

Key Features

Next.js 16 Breaking Changes - Comprehensive coverage of async params, proxy.ts replacing middleware patterns, parallel routes requiring default.js, and removed features
Cache Components - Guidance on the new "use cache" directive and updated caching APIs including revalidateTag(), updateTag(), and refresh()
25 Error Solutions - Documented solutions for common Next.js 16 errors including async param type issues, parallel route 404s, and Turbopack problems
React 19.2 Features - Coverage of View Transitions, useEffectEvent(), and React Compiler integration
Render Mode Guidance - Clear decision framework for when to use Server Components, Client Components, and the new Cache Components

Who is this for?

This skill is designed for developers building or migrating to Next.js 16 who need accurate, up-to-date guidance on breaking changes and new features. It is especially valuable for teams encountering Next.js 16-specific errors or migrating from Next.js 15 who want to avoid common pitfalls with async params, caching, and parallel routes.

📦

Same repository

jezweb/claude-skills(161 items)

nextjs

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add jezweb/claude-skills --skill nextjs

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add jezweb/claude-skills --skill nextjs

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/nextjs/SKILL.md

SKILL.md

1,042Installs

253

Last UpdatedJan 26, 2026

View on GitHub Back to Skills

More from this repository10

🎯

tailwind-v4-shadcn🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

tanstack-query🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

fastapi🎯Skill

Provides FastAPI development patterns including async endpoints, dependency injection, Pydantic models, authentication, and API documentation best practices

🎯

zustand-state-management🎯Skill

Provides Zustand state management patterns for React including store creation, selectors, middleware, and best practices for scalable client-side state

🎯

react-hook-form-zod🎯Skill

Provides React Hook Form integration patterns with Zod schema validation for type-safe, performant form handling

🎯

tailwind-patterns🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

shadcn-ui🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

color-palette🎯Skill

Skill for generating complete, accessible color palettes from a single brand hex, creating 11-shade scales, semantic tokens, dark mode variants, and WCAG contrast checking for Tailwind v4

🎯

tailwind-theme-builder🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

motion🎯Skill

Skill for building React animations with Motion (formerly Framer Motion), covering gestures, scroll effects, spring physics, layout animations, and SVG with bundle sizes from 2.3KB to 34KB