Next.js plugins

Transforms Claude Code into an autonomous engineering platform with 64 specialized agents, 262 skills, and 84 commands for multi-agent orchestration, TDD, code review, security auditing, deployment pipelines, and cross-stack development across 30+ languages and frameworks.

Access 50+ UI/UX styles, color palettes, font pairings, guidelines, and charts to plan, build, review, and optimize web and mobile interfaces across React, Next.js, Vue, Svelte, Tailwind, React Native, and Flutter.

Guides Next.js developers through implementing Cache Components and Partial Prerendering (PPR) with patterns for the 'use cache' directive, cacheLife, cacheTag, and cache invalidation, auto-activating in projects configured with cacheComponents: true

Orchestrate 1,388 specialized AI skills in Claude Code to automate expert workflows for Azure SDK integrations, Odoo/Shopify configs, SEO audits, security pentests, full-stack scaffolding, agent building, and DevOps pipelines across Python, React, AWS, Kubernetes.

Build full-stack web UIs and cross-platform mobile apps with Next.js, React Native, Tailwind CSS, and React state management — scaffolds production-ready components with tests and accessibility

Modern JS/TS development across full stack: write type-safe code with ES6+/TypeScript patterns, scaffold projects for Next.js/React/Node/CLI, test with Jest/Vitest/Testing Library, and build backend APIs with Express/Fastify

Fetch up-to-date, version-specific documentation, API references, and code examples for libraries like React, Next.js, Vue, Prisma, and Supabase directly into your LLM context using Context7 skills, commands, agents, and MCP server. Query via /context7:docs <library> [query] or IDs for precise lookups on setup, usage, and APIs.

Delegate architecture, implementation, optimization, and debugging of complex applications to specialized AI agents expert in Python/Django/FastAPI, TypeScript/React/Next.js/Angular/Vue, Go, Rust, Java/Spring Boot, PHP/Laravel/Symfony, C#/.NET, mobile (Flutter/React Native/Swift/Kotlin), Elixir/Rails, SQL, and DevOps tools.

Design and document backend architectures using patterns like Clean Architecture, Domain-Driven Design, microservices, and event sourcing with CQRS, while generating architecture diagrams and managing Architecture Decision Records (ADRs) with MADR templates.

Provide expert guidance for building, debugging, and optimizing TypeScript and JavaScript applications with modern frameworks like Next.js and Node.js, covering ES6+ patterns, React performance, App Router, framework selection, and advanced type-level programming.

Frontend development bundle that optimizes forms for higher conversion, designs distinctive interfaces, enforces Next.js App Router best practices, applies 45 React performance rules, provides modern React patterns, diagnoses SEO issues, and configures Tailwind CSS v4 design tokens.

Guides full-stack development with opinionated architecture for Node.js/Express backends, React/Next.js frontends, database schema design, API decisions (REST/GraphQL/tRPC), and Stripe payment integration, plus Python scaffolding and code quality scripts.

Integrate external APIs for payments, communications, search, CRM, and financial data — Stripe, Twilio, Algolia, HubSpot, and Plaid — with production patterns for auth, webhooks, and compliance.

Add commerce and payment workflows to Claude Code projects: Stripe and PayPal payments, Plaid financial data integration, HubSpot CRM, and Algolia search — enabling subscriptions, checkout, and customer management.

Configure and debug Payload CMS backends in payload.config.ts by defining collections, fields, hooks, access control, and APIs. Troubleshoot validation errors, security issues, relationships, queries, transactions, and hook behaviors to build robust headless CMS applications.

Invoke MiniMax AI skills to scaffold React/Next.js frontends, fullstack apps with Node/Python/Go backends, Flutter/React Native/Android/iOS mobile projects; generate/edit DOCX/PDF/PPTX/XLSX files; produce GIF stickers, shaders, music playlists/videos; analyze images via CLI workflows.

Build, integrate, and debug AI copilot features in React apps using CopilotKit — add chat interfaces, register frontend tools, connect agent frameworks, and migrate from v1 to v2

Delegate full-stack development workflows to Claude via 213 specialized agents, commands, and skills: refactor code, generate tests/deployments/Dockerfiles/K8s manifests, audit security/performance, document APIs/onboarding, orchestrate Git ops, and apply patterns across JS/TS/Python/Rust/Go/Java stacks.

Build AI agents that generate and interact with React UI components using Tambo: auto-integrate into existing React/Next.js/Vite apps by detecting stack, installing packages, wiring providers, and adding chat UI; or CLI-scaffold new generative UI apps with starter components and schemas.

Provides a structured Plan/Work/Review workflow for solo developers, automating project initialization, task planning, code implementation with quality guardrails, CI/CD setup, deployment, and cross-session memory management. Integrates multi-agent collaboration (Cursor PM, Codex reviews) and browser automation for full-cycle contract development.

Generate Playwright e2e tests from user stories or components, fix flaky failures, migrate suites from Cypress/Selenium, sync results with TestRail, and run tests on BrowserStack - all within a unified testing assistant.

Query Claude, Cursor, or other AI agents for expert GSAP guidance to build performant animations, timelines, ScrollTrigger effects, and plugin integrations in React, Next.js, Vue, Nuxt, Svelte, or vanilla JS, following framework best practices and 60fps optimizations.

Extract any website's design language (colors, typography, spacing, motion) into DTCG tokens, Tailwind config, shadcn/ui themes, Figma variables, and CSS. Grade accessibility, battle two sites, remix into 6 design vocabularies, recolor via OKLCH, or package a full design system bundle.

Automate Korean daily life and work tasks through 90+ agent skills covering transportation booking (SRT, KTX, buses), shopping (Coupang, Daangn, Naver), food, real estate, government services, finance, and more. Each skill wraps Korean-specific APIs and services for agent-driven workflows.

Build, secure, scale, and troubleshoot production Supabase apps using 30 skills for Postgres schemas with RLS, auth/realtime/storage integrations, migrations, performance tuning, CI/CD deployments, cost optimization, monitoring, and incident response.

Orchestrate autonomous multi-agent sprints to develop full features from specs.md: agents handle architecture, parallel implementation of Next.js frontends and Python/FastAPI backends, CI/CD setup, automated testing, UI QA, reviews, and iterative convergence with structured reports and git safety.

Build and optimize Next.js App Router apps: scaffold pages/layouts/components/API routes/server actions, implement authentication with Auth.js/Prisma/middleware, guide server/client components usage, and analyze/generate performance reports with recommendations.

Detect and rewrite AI-generated Korean text to sound human-written, using a multi-phase pipeline that scans for 40+ AI-typical patterns across 10 categories, preserves content, and validates semantic equivalence.

Build and manage PortalJS data portals end-to-end: interview-driven architecture recommendations, scaffolding from briefs, adding datasets/charts/maps, connecting CKAN live backends, auditing data quality with Frictionless, and deploying to Vercel or static hosts.

Implement, customize, secure, deploy, troubleshoot, and scale Clerk authentication in Next.js apps using 24 skills for SDK installation, sign-up/sign-in UIs, middleware protection, error debugging, webhook handling, performance tuning, cost optimization, RBAC/SSO, GDPR compliance, production checklists, CI/CD pipelines, local dev loops, and migrations from Auth0, Firebase, or Supabase.

Configure, troubleshoot, and optimize Sentry error tracking and performance monitoring across Node.js, Python, React/Next.js apps, CI/CD pipelines, and enterprise setups, including SDK installs, source maps, sampling, PII scrubbing, and incident response.

Automate end-to-end Vercel workflows: install CLI and auth, deploy previews/production with rollbacks, debug bundles/errors/cold starts, optimize performance/costs/scaling, secure RBAC/secrets/PII, monitor observability, integrate GitHub CI/CD, handle incidents, and migrate platforms.

Audit and optimize web projects for Lighthouse scores, Core Web Vitals, WCAG 2.2 accessibility, technical SEO, performance bottlenecks, security best practices, and code quality using specialized agent skills that apply fixes with code examples.

Master Cursor IDE AI workflows using 30 guided skills: install and authenticate, configure custom models and rules, optimize indexing and performance, automate Composer for multi-file refactoring and scaffolding, troubleshoot errors, manage teams with SSO, and audit compliance.

Automate end-to-end Lokalise localization workflows: upload/download translations via GitHub Actions CI/CD, configure local dev loops for React/Next.js/Vue, optimize API performance/costs, enforce security/auth, instrument monitoring/webhooks, migrate projects, and execute prod checklists using Node SDK/CLI.

Generate read-only Markdown discrepancy reports validating messaging consistency—including tone, terminology, versions, and structure—across HTML-based websites (WordPress, Hugo, Next.js, React, Vue, etc.), GitHub repositories, and local documentation, with severity levels and fix suggestions.

Automated bug hunting and red-team engagement platform for web, cloud, mobile, and enterprise targets. Runs recon, vulnerability scanning, exploit chaining, and report generation across 70+ attack classes with slash commands and auto-loaded skill sets.

Build, deploy, secure, and scale Ideogram AI image generation pipelines: generate/edit/upscale images from text prompts, handle auth/errors/rates/costs, migrate from DALL-E/Midjourney, add monitoring/RBAC, deploy to Vercel/AWS/GCP/Docker with CI/CD/Vitest tests in Node/TS/Python apps.

Implement full PostHog analytics workflows: install SDKs for event capture, user identification, feature flags, A/B experiments, and cohorts in browser/server apps; debug errors, optimize costs/performance/privacy; set up CI/CD, deployments, multi-env configs, migrations, and monitoring across JS/TS/Node/Python stacks.

Integrate Fireflies.ai GraphQL API for meeting transcripts, AI summaries, action items, and Q&A: fetch/process data, handle webhooks with signature verification, automate auth/secrets/CI testing with GitHub Actions/Vitest, deploy to Vercel/Docker, monitor performance/costs, ensure security/compliance/GDPR.

Delegate 117 specialized AI agents to handle diverse workflows like code reviews, security audits, API architecture, database optimization, frontend and backend development, cloud infrastructure design, academic research synthesis, performance tuning, testing automation, and deployment orchestration across multiple languages and stacks.

Delegate to specialized AI agents that design scalable backend architectures, REST/GraphQL APIs, database schemas, Next.js/React frontends, iOS/Swift or React Native/Flutter mobile apps, Laravel-Vue stacks, and CMS extensions for Directus, Drupal, WordPress. Accelerate full-stack development workflows across diverse tech stacks.

Automate end-to-end startup financial workflows with Fondo: set up integrations for Stripe, Gusto, Plaid; execute monthly bookkeeping closes and R&D tax credit qualification/filing; deploy Next.js dashboards to Vercel; optimize costs from AWS/GCP; run CI/CD budget checks and diagnostics.

Build, deploy, optimize, secure, and debug Web3 dApps using Alchemy SDK: query multi-chain balances/NFTs/transfers, implement explorers/trackers/dashboards, set up CI/CD pipelines for Sepolia/mainnet, tune API costs/performance with caching/batching, handle webhooks, and migrate SDK versions.

Integrate apps with Canva Connect API using 30 skills to generate TypeScript/Node.js code for OAuth PKCE auth, design creation/export workflows, asset uploads, webhook handling, rate limit management, security hardening, performance optimization, CI/CD deployment to Vercel/GCP, monitoring with Prometheus, and full-stack troubleshooting from local dev to production incidents.

Configure VSCode extensions to test APIs with httpYac including auth scripts and CI/CD workflows, monitor multiple dev server ports like Vite and Next.js in real-time, and deploy static sites via SFTP to Nginx servers with secure setups.

Generate and sync application design documents and tech stack documentation by analyzing codebase, package.json, git history, configs, and deployment details via interactive Q&A on project stage, priorities, and evolutions. Installs via shadcn-style registry with postinstall hooks for Claude AI.

Integrate Flexport REST API v2 into TypeScript/Node.js apps to automate logistics workflows: create/track shipments and purchase orders, manage catalogs/invoices, handle webhooks/errors/rate-limits, implement auth/security/RBAC/observability, set up CI/CD pipelines, local dev, migrations, and deploy to Vercel/GCP.

Generate React, Vue, or HTML code from Figma designs using Anima SDK, automate pipelines with CI/CD via GitHub Actions, optimize API costs and performance with caching and throttling, debug errors, secure tokens, set up local dev loops with Vite previews, and deploy serverless APIs to Vercel or GCP.

Build production Algolia search integrations with skills for indexing from databases/APIs, faceted querying with filters/highlighting, error diagnosis/fixes, security via scoped keys/RBAC, CI/CD pipelines with GitHub Actions/Vercel deploys, cost/performance optimization, local dev setups, migrations, monitoring, and incident runbooks in TypeScript/Node.js apps.

Develop full Miro REST API v2 integrations: create board CRUD workflows, deploy to Vercel/Fly.io/Cloud Run with OAuth and webhooks, manage rate limits/performance/security, set up monitoring/CI/CD, migrate from v1, and handle enterprise RBAC/provisioning.

Automates the full software development lifecycle within Claude Code: orchestrating multi-agent code reviews, debugging, refactoring, security auditing, testing, and documentation generation with tool-assisted workflows for git, linting, builds, and architecture design.

Automate frontend workflows: generate Tailwind-powered landing pages and multi-page marketing sites from briefs with screenshots and videos; set up Tailwind v4 themes and install shadcn/ui components in React/Next.js apps; review visual designs, extract design systems, and audit React performance patterns.

Enforce TDD and SDD workflows with AI-driven agents that scaffold projects, generate tests, debug failures, reverse-engineer docs, and orchestrate batch task execution from design plans.

Full-stack TypeScript development with NestJS backends, Next.js frontends, and React Native mobile apps using Drizzle ORM, AWS CDK/Lambda, shadcn/ui, Turborepo/Nx monorepos, and automated code reviews, security audits, and deployment pipelines.

Automatically refactor individual files, directories, semantic queries, recent git changes, or entire project codebases using AI agents that simplify logic, remove dead code, apply language/framework best practices for TypeScript/React/Next.js/Python/Go/Swift, standardize styles, reduce duplication, and output structured summaries with git rollback instructions.

Battle-tested Claude Code configuration collection delivering 108 components (skills, commands, agents, hooks) for automated code review, test-driven development, security scanning, multi-agent orchestration, and project documentation — evolved over 10+ months of daily use

Manage projects end-to-end with Product as Code (PAC) slash commands: initialize repos with framework setups, generate JTBD/PRD/PRP docs, create/track epics/tickets/status in YAML, validate structure, run health checks, simulate timelines, track milestones from GitHub/Linear, manage todos, and sync to Linear.

Review and refactor React, Next.js, and React Native code using Vercel engineering best practices for performance optimization, component composition patterns, mobile app efficiency, smooth view transitions, and web UI design/accessibility audits.

Develop Fediverse ActivityPub servers using Fedify in JavaScript/TypeScript: implement actors, dispatchers, inboxes, and HTTP signatures with Hono/Express/Next.js; debug federation issues with Mastodon; migrate code versions; review for security/best practices; query FEPs and docs.

Auto-instrument web apps with Grafana Faro Web SDK for real user monitoring, error tracking, Web Vitals, session replay, and distributed tracing. Detects frameworks like React or Vue, generates and injects init code into your entry point, then opens a GitHub PR for seamless integration.

Orchestrate multiple AI agents across Claude Code, Codex, Gemini, and other platforms to automate software development tasks including architecture, coding, review, testing, deployment, and documentation.

Verify AI-generated code against design specs using PDCA quality gates and trust-based automation levels. Orchestrate multi-agent teams across full-stack projects—from product discovery to deployment—with automated code review, sprint management, and audit logging.

Scaffold React/Next.js projects with TypeScript and Tailwind, generate tested components and hooks, analyze bundles to optimize performance, and apply advanced patterns with accessibility best practices.

Scaffold full-stack web apps with frontend, backend, database, Docker for local dev, seed scripts, and unified start command, then add pages with React/Next.js routing, API data fetching, SEO metadata, layouts using existing patterns, and loading/error/empty states.

Orchestrate autonomous multi-agent development cycles: plan, execute, evaluate, and fix code with parallel worker agents, board of directors deliberation, and TDD enforcement—all managed via an Evaluate-Loop workflow.

Run interactive design sessions that interview requirements, generate UI variations, collect feedback, and output refined designs with implementation plans for your frontend components.

Launch, control, and debug Polar's Docker local dev environment for FastAPI API, Next.js web app, PostgreSQL, and Redis—start/stop services, tail logs, shell access, status checks. Reference and implement billing workflows: Stripe subscriptions, checkouts, proration, dunning, benefit provisioning in Django backend.

Develop secure, production-ready Ethereum dApps and Solidity smart contracts with precise guidance on ERC standards, L2 scaling and bridging, DeFi protocol integrations, gas cost estimation, Foundry testing, security audits, Scaffold-ETH workflows, and current tooling to avoid LLM hallucinations.

Manage full Firebase projects from Claude: deploy apps to Hosting or App Hosting, build PostgreSQL-backed GraphQL backends with Data Connect, query Firestore databases, implement Authentication, integrate Gemini AI features, configure Remote Config, and audit Firestore security rules.

Manage full-stack project lifecycle from Claude Code: save and restore session context, enforce project tiers, split large tasks across parallel sessions, generate database migrations, deploy to Vercel/Netlify/Railway/Hetzner, audit security (OWASP, secrets, RLS, dependencies), and produce client deliverables (quotes, proposals, contracts, invoices).

Fetch latest Context7 documentation for libraries like React, Next.js, Express, or MongoDB to guide implementation of hooks, routing, APIs, or database setups directly in your workflow.

Expert web development agent for React, Next.js, NestJS, TypeScript, and Tailwind CSS that handles code analysis, component creation, debugging, performance optimization, and architectural decisions.

Orchestrate AWS Amplify Gen 2 workflows to build full-stack web and mobile apps with authentication, data models, storage, GraphQL APIs, and Lambda functions, then deploy to sandbox or production using React, Next.js, Vue, Angular, React Native, Flutter, or Android.

Run autonomous full-stack dev workflows in Claude Code: generate PRDs/specs via interviews, execute Ralph/autodev loops for overnight PRD implementation with git branching/testing/committing, parallelize tasks across 12 agents (architect, frontend-dev, code-reviewer), build React/Tailwind/shadcn UIs and FastAPI backends, TDD/E2E test/verify/review code, automate git commits/PRs, and audit harness health.

Build, deploy, and manage full-stack applications on Vercel with AI features, serverless functions, storage, authentication, and CI/CD pipelines, plus agent-driven troubleshooting and performance optimization.

Integrate Uniswap token swaps into React/Next.js frontends, Node.js backends/scripts, or smart contracts using Trading API, Universal Router SDK, or direct calls. Fund wallets from any EVM token to pay HTTP 402 challenges for machine-payable APIs via Tempo CLI, with expert guidance for complex flows like Permit2 and gas optimization.

Run a local MCP server to integrate Next.js devtools into Claude Code, enabling developers to inspect projects, debug code, analyze builds, and streamline development workflows for React apps directly from their IDE.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validations, and investor demos using modern tech stacks.

Fetch up-to-date Context7 documentation for libraries like React, Next.js, Express, and MongoDB to guide implementation of hooks, routing, APIs, or database integrations during development.

Orchestrates AI-assisted development workflows with persistent session context, a project knowledge graph, and automated quality detection. Generates code, tests, API endpoints, and database migrations; manages task documentation and SOPs; and monitors token efficiency.

Control real web browsers via Claude to automate workflows: navigate pages, fill forms and logins, scrape structured data from JS sites, audit accessibility per WCAG, run end-to-end tests simulating user flows, analyze frameworks like React/Next.js, and download authenticated files.

Fetch up-to-date Context7 documentation for libraries like React, Next.js, Express, or MongoDB to guide implementation of hooks, routing, APIs, or database integrations during development.

Debug production errors using Sentry — fix issues from stack traces, trace spans, and breadcrumbs via MCP, query Sentry with natural language, set up SDKs across platforms, and automate bug fixes from GitHub PR reviews.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validation, and stakeholder demos using modern tech stacks.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validations, and stakeholder demos using modern tech stacks like Next.js, Vite, React Native, and TypeScript.

Apply Vercel Engineering's 57 React and Next.js performance rules during code writing, reviewing, and refactoring to optimize waterfalls, bundles, server/client fetching, and re-renders.

Orchestrate a full AI engineering team of 12 specialized agents in Claude Code to handle complete software dev lifecycles: delegate planning, fullstack feature builds, UI design, refactoring, migrations, code reviews, security verification, debugging, DB analysis, onboarding, tooling, and research, backed by 15 automation hooks for pre-commit checks, branch protection, secret scanning, and quality enforcement via P7/P9/P10 methodologies.

Automate end-to-end solo dev workflows in Claude Code with 24 parallel agents auditing code quality, security, bugs, UI/UX, database, performance, deps, SEO, API, docs, infra and 6 skills for TDD bug fixes, new features, pre-commit checks, pre-deploy validation, full audits, release prep.

Run self-serve browser-based QA to verify frontend PR changes match ticket acceptance criteria before pushing code. Auto-setup detects dev server ports and routes for supported frameworks, indexes Playwright/Cypress tests, handles auth, and executes automated UI/functionality checks.

Automate full-stack development cycles: interview to generate executable PRDs, research codebase gaps, spawn agents to execute tasks/tests/docs in isolated git worktrees, iterate Greptile PR reviews until passing, and merge to main with health checks.

Get expert assistance building React, Next.js, NestJS, TypeScript, and Tailwind CSS applications — including code analysis, including code analysis, component creation, debugging, performance optimization, and architectural decisions.

Integrate Sanity CMS into your development workflow with schema design, GROQ querying, content migrations from other CMSs, Portable Text conversion and rendering across frameworks, SEO/AEO optimization, automated schema deployment, and TypeScript type generation, all accessible via CLI commands and an MCP server for remote content management.

Install and customize 100+ animated Aceternity UI React components directly into Next.js Tailwind projects via shadcn CLI, enabling hero sections, parallax, 3D effects, and Framer Motion animations while fixing common integration errors.

Build full-stack React apps with TanStack Start using per-route SSR/CSR/SSG, file-based routing, server functions, and Cloudflare Workers for edge deployment. Migrate from Next.js or fix hydration, auth, and data pattern issues in React apps.

Set up, configure, extend, and debug Better Auth TypeScript authentication for Next.js, Nuxt, Cloudflare D1 via Drizzle/Prisma/Kysely/Hono, and 15+ frameworks. Interactively generate auth configs, schemas, routes, clients, and env vars; add plugins like 2FA, passkeys, Stripe; explain errors with fixes; reference providers; autonomously diagnose issues.