By djankies
Next.js 16 breaking changes, Cache Components model, and CVE-2025-29927 security patterns
npx claudepluginhub djankies/claude-configs --plugin nextjs-16Teach image optimization configuration changes in Next.js 16. Use when configuring images, troubleshooting image loading, or migrating image settings.
Teach parallel routes and slot patterns in Next.js 16. Use when implementing parallel routes, working with @slot syntax, or encountering missing default.tsx errors.
Teach async request APIs in Next.js 16 - params, searchParams, cookies(), headers(), draftMode() are now async. Use when migrating from Next.js 15, fixing type errors, or working with request data.
Teach middleware.ts to proxy.ts migration in Next.js 16. Use when migrating middleware, encountering middleware errors, or implementing request proxying.
Review code for Next.js 16 compliance - security patterns, caching, breaking changes. Use when reviewing Next.js code, preparing for migration, or auditing for violations.
Next.js changes since training cutoff (latest: 16.1) — proxy.ts, "use cache", Cache Components, navigation hooks, typed routes, auto PageProps, React 19.2. Load before working with Next.js.
Next.js 16 with App Router, Server Components, Server Actions, Cache Components. Use for React 19.2 apps, SSR, or encountering async params, proxy.ts migration, use cache errors.
Comprehensive Next.js 15.5/16 expertise system covering App Router, Server Components, Server Actions, Cache Components ('use cache'), Turbopack, middleware/proxy.ts, View Transitions, Modal.com integration, and deployment. PROACTIVELY activate for: (1) ANY Next.js task, (2) App Router layouts/pages/loading/error, (3) Server Components and Client Components, (4) Server Actions with next-safe-action, (5) Cache Components with 'use cache' directive, (6) Route Handlers (API routes) with async params, (7) Middleware (Edge) and proxy.ts (Node.js), (8) Dynamic and parallel routes, (9) Authentication with NextAuth.js, (10) Turbopack development and production builds, (11) View Transitions API, (12) Deployment (Vercel, Docker, static export), (13) Modal.com backend integration for AI/GPU workloads, (14) Next.js + Modal webhooks and long-running jobs, (15) File upload processing with Modal. Provides: Next.js 16 complete features, Cache Components, async params migration, proxy.ts patterns, View Transitions, Turbopack config, App Router file conventions, Server/Client Component patterns, Server Actions with useActionState, caching (Data Cache, Full Route Cache, Router Cache), revalidatePath/revalidateTag, middleware patterns, advanced routing (parallel, intercepting), NextAuth.js authentication, deployment strategies, Modal.com integration patterns for AI inference and heavy compute.
Cross-cutting code review plugin that orchestrates review skills from tool plugins
Tailwind CSS v4 patterns: CSS-first config, oklch colors, container queries, @utility directive
Prisma 6 ORM patterns, client management, query optimization, and security best practices based on real-world AI coding failures
React 19 patterns, hooks, and best practices for modern React applications
TypeScript 5.9 type safety, compiler configuration, and best practices based on real-world AI coding failures. Provides intelligent skill recommendations, type safety validation, and prevents common TypeScript anti-patterns.
nextjs-16Modifies files
Hook triggers on file write and edit operations
Share bugs, ideas, or general feedback.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Battle-tested Claude Code plugin for engineering teams — 60 agents, 228 skills, 75 legacy command shims, production-ready hooks, and selective install workflows evolved through continuous real-world use
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim