React plugins

Turn Claude Code into a multi-agent engineering platform with 542 skills, 184 commands, and 134 agents for end-to-end feature development, code review, build fixing, testing, security auditing, and deployment across 40+ 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.

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.

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.

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.

Enforce premium, anti-generic frontend design patterns across your projects — brutalist, minimalist, editorial, and conversion-aware layouts with strict typography, color, spacing, and motion standards. Includes design audit/upgrade, image-to-code workflows, and architecture conventions for React/Next.js + Tailwind.

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.

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.

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.

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.

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.

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.

Create videos programmatically by writing HTML, CSS, and JavaScript with HyperFrames. Generate talking-head captions, faceless explainers, motion graphics, slideshows, product launches, and website captures. Includes CLI for scaffolding, preview, and cloud rendering on AWS Lambda.

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.

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.

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.

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.

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.

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.

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, manage design systems, synthesize user research, write UX copy, and connect to Figma, Notion, Slack, Asana, Jira, Linear, and Intercom to centralize design 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

Orchestrate multi-LLM workflows across providers (Claude, Gemini, Codex, Copilot) for the full software lifecycle — research, architecture, implementation, code review, security audit, testing, and delivery — using structured Double Diamond phases and autonomous agents.

Design and audit production-grade UIs with a craft-first workflow: define design tokens, spacing, depth, and patterns; extract a design system from existing code; audit against that system; detect and strip AI-generated visual slop; and run a strict multi-pass review for approval.

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.

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.

Automate 90+ Korean daily-life and business tasks — search/reserve KTX/SRT/intercity buses, monitor canceled restaurant slots, check real estate/used goods/car listings on Daangn, compare Coupang/Naver Shopping prices, look up business registration/tax delinquency/patent status, generate Korean legal documents for Next.js, proofread Korean text, and more — all from a CLI or agent.

Extract a complete design language from any website — DTCG tokens, Tailwind/shadcn/Figma vars, motion, voice — then grade consistency, generate brand guidelines, remix in six styles, pair two sites, recolor via OKLCH, rebuild and pixel-diff for fidelity scoring, and bundle a downloadable design system

Build and manage Cloudflare applications: create serverless Workers, stateful Durable Objects, AI agents with React hooks, enforce Zero Trust policies, and audit web performance using CLI tools and MCP integrations.

Generate Playwright tests from specs or user stories, migrate Cypress/Selenium suites, fix flaky failures, and report results to TestRail or Slack — all within your existing Playwright workflow.

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

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.

Build and deploy data portals with PortalJS — scaffold a portal from a brief, add datasets and resources, create charts and interactive maps, connect a CKAN backend, harvest datasets from open-data platforms, define schemas, deploy to Cloudflare static hosting, and audit data quality.

Extends Claude Code with spec-driven development workflows: autonomous long-running tasks, multi-agent deep research, structured feature planning with EARS requirements and constitution-based specs, GitHub issue fixing and PR review, skill benchmarking and creation, image generation, and session learning capture.

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.

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.

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.

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.

Automate code review, security auditing, documentation, and git workflows using Sentry's engineering standards. Skills enforce PR review, Django security/performance audits, GitHub Actions vulnerability scanning, commit/branch conventions, and API documentation.

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.

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.

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.

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

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.

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.

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.

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

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.

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.

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.

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.

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

Develop, deploy, and manage Databricks-based data pipelines, ML models, AI agents, and dashboards using code, SQL, and declarative tools for multi-environment workflows.

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.

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.

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

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.

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.

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.

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.

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.

Audit CSS, SCSS, and styled-components for WCAG color contrast ratios on text and UI elements, generating pass/fail reports with stats on worst offenders, then suggest AA-compliant color alternatives including hex swatches, updated ratios, color-blind checks, CSS overrides, and before/after previews.

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.

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.

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.