Next.js plugins

Transforms Claude Code into a full-featured development platform with 270+ language-specific skills, 90+ CLI commands, and 67 specialized agents covering code generation, review, testing, debugging, deployment, security, and automation across 40+ technology stacks.

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 production-grade React/Next.js frontends and cross-platform mobile apps (React Native, Flutter) with component architecture, state management, design systems, and automated scaffolding for UI, tests, and accessibility.

Develop full-stack JavaScript and TypeScript projects with ES6+, Node.js APIs (Express/Fastify), and modern frontend frameworks. Includes testing with Jest/Vitest, advanced TypeScript types, and project scaffolding for Next.js, React, or Node services.

Accelerate full-stack development with 66 specialized skills covering 12 languages, frontend/backend frameworks, infrastructure, DevOps, security, and testing, plus Jira/Confluence project management commands for epic planning, discovery, and retrospectives.

Enforce award-winning UI/UX design taste in frontend projects, generating premium brand images, brutalist web interfaces, editorial layouts, and mobile app concepts while upgrading existing designs with strict typography, color, and spacing rules.

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.

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.

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.

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.

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 and integrate AI copilot features into web apps using CopilotKit v2, with full support for chat interfaces, agent-to-frontend communication, multiple agent frameworks, and runtime setup in React, Next.js, and other JS frameworks

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.

Orchestrates a structured Plan-Work-Review development cycle for solo developers using Claude Code, automating project setup, task tracking, code generation, testing, CI/CD, and cross-session memory while optionally coordinating with Cursor for multi-agent workflows.

Generate Playwright tests from specs, migrate Cypress/Selenium suites, run on BrowserStack, sync with TestRail, analyze coverage, and diagnose flaky failures — all within your existing workflow.

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.

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 complete design language — colors, typography, spacing, shadows, motion, and voice — and output DTCG tokens, Tailwind/shadcn/Figma variables, CSS, and a visual preview. Grade consistency, battle two sites, remix in six design vocabularies, recolor via OKLCH, generate brand guidelines, and rebuild pages for pixel-diff fidelity checks.

Automates 90+ Korean daily-life and business workflows — booking KTX/SRT/bus/train tickets, searching Coupang/Daangn/Naver Shopping, checking real estate/patent/legal/stock data, tracking parcels, monitoring reservations, and generating Korean-optimized text. All skills are pre-built and activated by natural-language queries in Korean.

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.

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.

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.

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 and manage PortalJS data portals: recommend an architecture, scaffold a portal, add datasets (CSV/TSV/JSON/GeoJSON), create charts (recharts) and interactive maps (Leaflet), connect a CKAN backend, harvest datasets from open-data platforms, infer data schemas, audit data quality, and deploy to PortalJS Arc hosting.

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.

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.

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.

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.

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.

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.

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 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.

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.

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.

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.

Debug production issues by instrumenting projects with Traceway and using the CLI to query logs, exceptions, metrics, and traces to root cause. Supports backends via OpenTelemetry and frontends/mobile via Traceway SDKs.

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.

Provides an extensive collection of Claude Code configs including agents, skills, hooks, and commands for TDD workflows, code reviews, security audits, database migrations, API design, deployment automation, documentation generation, and multi-model orchestration evolved from real-world 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.

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.

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.

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.

Orchestrate multi-agent development workflows with Evaluate-Loop cycles, parallel task execution, and a Board of Directors for design/architecture review, turning goals into test-driven code via structured track management

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.

Run interactive UI design sessions: interview requirements, generate five distinct variations, collect feedback, iterate to a refined design, and produce implementation plans.

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.

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).

Manage Firebase projects from Claude: deploy apps to App Hosting and Hosting, configure Firestore databases and security rules, set up Authentication and Remote Config, build Data Connect backends with PostgreSQL and GraphQL, integrate Gemini AI features, and manage crash reporting with Crashlytics.

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.

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.

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.

Deploy, manage, and optimize web apps and AI features on Vercel with expert guidance for deployment pipelines, AI SDK integration, storage configuration, environment variables, security, and performance. Includes CLI commands, agents for troubleshooting and performance, and workflow automation.

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.

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.

Sets up Sentry SDKs across major frameworks and runtimes, diagnoses production errors from stack traces and breadcrumbs, queries Sentry data with natural language, and automates SDK migrations from v7 through v9.

Maintain persistent project context across Claude Code sessions with a knowledge graph, task tracking, and automated code generation. Manage project knowledge, preserve conversation state, orchestrate multi-step tasks, generate APIs/components/tests, and track efficiency with token optimization.

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.

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.

Query, search, manage, and explore Weaviate vector databases using natural language, semantic/hybrid/keyword methods; import data from PDF/CSV/JSON files; generate example datasets; get AI answers with source citations; bootstrap clusters—all integrated into your coding workflow for rapid AI app prototyping.

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.