By djankies
Next.js 16 breaking changes, Cache Components model, and CVE-2025-29927 security patterns
Teach 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.
Modifies files
Hook triggers on file write and edit operations
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A curated marketplace of Claude Code plugins for various technologies. This repository serves as a central hub for discovering, sharing, and installing Claude Code plugins that enhance development workflows.
Claude Code is an AI-powered coding assistant that can be extended through plugins. Plugins can add custom commands, specialized agents, autonomous skills, event hooks, and integrations with external tools via the Model Context Protocol (MCP).
/plugin marketplace add daniel/claude-configs
/plugin
This will open the plugin browser where you can see all available plugins from this marketplace.
/plugin install <plugin-name>@claude-configs
Replace <plugin-name> with the name of the plugin you want to install.
/help
This will show all available commands, including those added by your installed plugins.
This repository includes a comprehensive plugin template that demonstrates all available plugin features:
/example)@example-agent)The template is located at plugin-template/ and includes detailed documentation for each feature.
A complete Claude Code plugin follows this structure:
my-plugin/
├── .claude-plugin/
│ └── plugin.json # Plugin metadata (required)
├── commands/ # Custom slash commands (optional)
│ └── example-command.md
├── agents/ # Custom agents (optional)
│ └── example-agent.md
├── skills/ # Autonomous skills (optional)
│ └── example-skill.md
├── hooks/ # Event handlers (optional)
│ └── hooks.json
└── .mcp.json # MCP server config (optional)
plugin-template/To test your plugin locally before publishing:
# Add your local plugin directory
/plugin marketplace add ./path/to/your-plugin
# Install the plugin
/plugin install your-plugin-name
# Verify it works
/help
This marketplace includes validation tools to ensure plugins meet quality standards.
# Install dependencies
npm install
# Run validation
npm run validate
The validation script checks:
Currently, this marketplace contains:
More plugins will be added as the marketplace grows. Check back regularly or contribute your own!
Plugins are organized by technology and use case:
We welcome contributions! Please see our Contributing Guide for details on:
npx claudepluginhub djankies/claude-configs --plugin nextjs-16Tailwind 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.
Cross-cutting code review plugin that orchestrates review skills from tool plugins
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.
Expert Next.js 16 + React 19 with App Router, Server Components, Prisma 7, and Better Auth
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>
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses