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

Create, read, edit, and generate Office documents — Excel spreadsheets, Word reports, PowerPoint presentations — plus PDF manipulation, form filling, and conversion between formats. Also includes art/image generation, frontend UI building, and document co-authoring workflows.

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

Equip AI coding agents with production engineering skills to handle full dev lifecycles: refine ideas to specs, implement via TDD slices, run tests/debug, perform multi-axis code reviews, optimize perf/security, automate CI/CD, and execute ship checklists.

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.

Generate accessible UI components, build design systems with tokens and patterns, audit WCAG compliance, review designs for usability and performance, and implement responsive layouts for web (React/Vue/Svelte/Tailwind) and mobile (iOS/Android/React Native) apps using specialized skills, commands, and expert agents.

Design and build immersive web experiences with mobile-first, scroll-driven animations, 3D elements, and production-grade interfaces, guided by aesthetic principles and UX/UI best practices.

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.

Orchestrate swarms of specialized AI agents to automate end-to-end software development: plan features, implement code with Rails/Python/TS patterns, conduct multi-perspective reviews for architecture/security/performance, resolve todos/PR feedback in parallel, run browser/iOS tests, sync Figma designs, generate docs/videos, and ship PRs.

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.

Delegates product strategy, legal/licensing, business analysis, project management, UX research, content marketing, customer success, technical sales, technical writing, and WordPress development to specialized AI agents

Run multi-perspective code reviews across architecture, security, performance, and best practices, including git-based PR analysis with specialized agents for vulnerability scanning and architectural integrity.

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.

Build, deploy, and optimize Expo React Native apps for iOS and Android with EAS workflows, API routes, Tailwind CSS styling, and production release management including app store submissions and OTA updates.

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.

Enforce strict red-green-refactor TDD cycles: generate failing tests, implement minimal passing code, then refactor while keeping tests green. Includes AI-powered code review for security and quality.

Write HTML and render it as video with animated compositions, captions, voiceovers, audio-reactive visuals, and website-to-video capture, all driven by a CLI dev loop and deployable to AWS Lambda.

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.

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.

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs from Figma, manage design system tokens, synthesize user research, and write UX copy — all within a design-to-development workflow.

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

Audit and maintain a live design system across dashboards and tool UIs — extract tokens, check for spacing/color/depth violations, and regenerate patterns from existing code without writing CSS by hand.

Install 124 ready-to-use Claude Code skills to automate 50+ third-party services including CRMs (HubSpot, Salesforce), PM tools (Jira, Asana), analytics (GA4, Mixpanel), cloud storage (Google Drive, Dropbox), GitHub/Vercel deploys, doc/PDF/image processing, React artifact building, design generation, and dev productivity tasks via Rube MCP/Composio integrations.

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.

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.

Generate AntV infographics from text prompts, notes, reports, or outlines by producing DSL code with template selection, theme application, and custom TypeScript/React components for items, layouts, and structures like lists, hierarchies, or geo charts.

Generate and edit images using GPT Image 2 and OpenAI-compatible endpoints with 70+ structured prompt templates across 18 categories, plus build polished visual web artifacts like pages, dashboards, prototypes, slide decks, and data visualizations using HTML/CSS/JavaScript/React.

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, deploy, and manage the full Cloudflare platform — Workers, Durable Objects, AI agents, email, Zero Trust, and web performance — with skills for scaffolding projects, writing production code, managing infrastructure via Wrangler CLI and API, and auditing Core Web Vitals.

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.

Guides Claude on implementing virtualized lists, chat message lists, and data tables using react-virtuoso in React applications.

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.

Build interactive web UIs for MCP servers and Claude Desktop apps using guided Claude Code skills. Add UIs to existing servers via Apps SDK, convert web apps to hybrid MCP format with shared code and tool registration, create new apps from React/Vue/Svelte templates with Vite bundling, or migrate OpenAI Apps SDK projects.

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.

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.

Automate spec-driven development workflows with AI agents that handle GitHub issue fixing, PR review, deep research, image generation, and session analysis. Includes custom slash commands, skill creation, and browser automation via Chrome DevTools Protocol.

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

Deploy specialized AI agents to synthesize research from academic papers, web sources, and GitHub repos with citations; generate API docs, OpenAPI specs, and SDKs; transcribe, analyze, and optimize podcasts; modernize legacy code across React, Python, Java; build and link knowledge graphs; orchestrate multi-agent pipelines for complex tasks.

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.

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.

Create and manage snapshot tests for UI components and data using Jest, Vitest, or pytest to catch regressions. Analyze test failures with intelligent diff reviews, selectively update snapshots for intentional changes, validate and organize snapshot files, then generate detailed analysis reports.

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.

Build and orchestrate AI agents using LangChain, LangGraph, and Deep Agents — scaffold, develop, deploy, and manage stateful agent workflows with memory, RAG pipelines, human-in-the-loop approval, and parallel task execution.

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.

Build production Framer plugins, code components, CMS syncs with external APIs, and Server API handlers; automate GitHub Actions CI/CD, local Vite dev loops, error debugging, performance tuning via batching/memoization, security hardening, rate limiting, webhooks, and production checklists.

Accelerate Shopify app development end-to-end: scaffold apps with OAuth and GraphQL Admin API, manage products/orders/inventory, register secure webhooks, optimize rate limits and query costs, deploy via GitHub Actions to Vercel/Fly, monitor performance, ensure GDPR/RBAC compliance, and debug production issues with curl traces and checklists.

Automates Sentry engineering workflows: reviewing code for bugs and security issues, fixing typing and performance problems, managing PRs and commits with consistent conventions, and creating project documentation and blog content following Sentry standards.

Bootstrap production-ready fullstack MVPs with React+Vite+Tailwind frontend, Express/FastAPI backend, PostgreSQL+Prisma database, JWT/OAuth authentication, tests, Docker containers, and GitHub Actions CI/CD pipelines from a single command. Delegate to AI agents for designing APIs, database schemas, scalable architectures, UI/UX improvements, and deployment strategies.

Accelerate Guidewire InsuranceSuite development by automating Cloud API integrations for PolicyCenter policy lifecycles, ClaimCenter claims processing, BillingCenter ops; CI/CD pipelines with Gradle/Gosu; error diagnosis/fixes; secure deployments; performance/cost tuning; production monitoring/incident response via 24 specialized skills.

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.

Unified hub for managing and executing skills, agents, and commands in Claude Code. Enables AI-assisted workflows including code review, testing, documentation generation, UI creation, multi-agent coordination, and context optimization. Provides 130+ skills, 5 agents, and 3 commands for automating development tasks.

Refactor React, TypeScript, and JavaScript code to enforce frontend best practices: improve cohesion by grouping related files and constants, reduce coupling via composition, ensure predictability with unified returns and no side effects, and enhance readability by simplifying conditions and ternaries. Review git branch diffs against these principles.

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.

Scan React Native projects to detect react-native-reanimated and Animated API animations, classify what's migratable based on NativeWind and Reanimated versions, and automatically convert them to declarative EaseView components from react-native-ease.

Build production-ready Node.js integrations for AppFolio property management API: generate authenticated TypeScript clients with rate limiting, caching, and error handling; create React dashboards and Express webhook handlers; set up GitHub Actions CI/CD, GCP deployments, performance optimizations, and validation checklists.

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.

Build, debug, deploy, and optimize Persona KYC identity verification integrations: set up API auth, create embedded UI workflows in React apps, handle webhooks/results in Node/Python backends, fix errors/rate limits, tune costs/performance, implement CI/CD pipelines, and deploy to GCP with Docker.

Build, debug, test, deploy, and optimize browser-based Node.js apps and IDEs using StackBlitz SDK and WebContainers: boot in-browser environments, embed interactive playgrounds in docs, fix common errors, run Playwright CI tests, deploy to Vercel/Netlify with production headers, and tune performance/security.

Generate and integrate web design assets directly into projects: accessible Tailwind color palettes with dark mode and WCAG checks, complete favicon packages with HTML tags and manifests, custom SVG icon sets, AI images via OpenAI/Gemini from descriptions, and image processing like resize/optimize/convert.

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.

Generate distinctive production-grade frontend UIs for components, pages, or full apps using React, Vue, HTML, CSS, and JavaScript, featuring bold aesthetics, unique typography, custom motion, and layouts that avoid generic AI-generated styles.

Delegate frontend development tasks to this agent for building responsive UIs and components in React, Vue, or Angular; implementing state management; fixing responsive design and accessibility issues; and optimizing performance with techniques like virtualization and memoization.

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.

Delegate React Native development tasks to an expert agent that analyzes your codebase, creates components matching project patterns, debugs issues like navigation, optimizes performance, and provides architectural guidance for iOS and Android apps.

Manage React Native Storybook stories using Component Story Format (CSF) — set up Storybook v10 in Expo, CLI, or Re.Pack projects, upgrade across major versions, and connect to a local Storybook instance for accessing UI components and documentation in Claude Code.

Scaffold and deploy full-stack Cloudflare Workers apps with Hono APIs, Vite+React+Tailwind+shadcn frontends, Drizzle/D1 databases including schemas/migrations/seeds; manage infrastructure via REST API for DNS records, cache purges, WAF rules, R2/KV ops.

Enforce cross-language coding standards and automate development workflows—code review, commit message generation, project scaffolding, optimization scans, and documentation—by configuring Claude Code and other AI assistants with contextual rules, skills, and commands for Java, Go, Python, TypeScript, Vue, React, Docker, and Redis.

Generate production-grade frontend code for visually strong landing pages, websites, apps, and components using Anthropic and OpenAI design skills. Produce bold aesthetics with unique typography, motion, and layouts in React or Vue, or premium prototypes featuring restrained compositions, image-led hierarchy, and tasteful motion in HTML/CSS/JS.

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.

Generate code and setups to integrate Google Workspace CLI automations, ElevenLabs voice AI agents with SDKs, Stripe payments via Checkout and webhooks, Python MCP servers for LLMs, Google Chat messages, parcel tracking from Gmail, and NVIDIA NemoClaw—all via CLI commands and skills.

Build scalable design systems by generating tokens, component specifications, documentation templates, naming conventions, icon systems, and pattern libraries. Audit for WCAG accessibility, consistency, token coverage, and theming support using dedicated skills and commands.

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

Run slash commands to audit full-stack performance, optimize Webpack/Vite/Gradle builds and React bundle sizes via code splitting and caching, implement Node/Express caching layers and service workers, configure Cloudflare/AWS CDNs, and simulate system loads for bottleneck fixes and capacity planning.

Run slash commands to systematically debug errors, analyze code quality/security/performance in files/directories/repos, intelligently refactor code, safely clean git branches, explore architecture scenarios, generate work logs from commits, and convert issues to tasks.

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.

Build complex React UIs with Tailwind CSS, shadcn/ui components, state management, and routing, then bundle them into standalone HTML artifacts for direct use in Claude.ai.

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.

Generate complete frontend components with TypeScript types, accessibility, responsive styling, tests, and exports in detected React, Vue, or Svelte projects. Enhance components by applying project design system styles for base elements, interactions, dark mode, responsiveness, and accessibility, with structured summaries of tokens and breakpoints.