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

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

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.

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.

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

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.

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

Generate distinctive production-grade frontend UIs for components, pages, or apps with bold aesthetics, unique typography, motion, and layouts that avoid generic styles, supporting HTML, CSS, JavaScript, React, or Vue.

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.

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.

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.

Transforms Claude Code into a full-stack development assistant with curated expertise across 12 programming languages, major backend and frontend frameworks, DevOps tools, and software engineering practices—enabling code generation, debugging, architecture design, testing, and project management all from a single skill pack.

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

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.

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.

Automate the full TDD red-green-refactor cycle: generate failing tests, implement minimal passing code, safely refactor, and get AI-driven code review with security and performance analysis.

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.

Create video compositions from HTML with animations, captions, voiceovers, and audio-reactive visuals. Supports GSAP, Anime.js, Three.js, Lottie, WebGPU, and Tailwind CSS within a deterministic seek-driven time model. Includes CLI tooling for scaffolding, asset preprocessing, and rendering.

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.

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

Run structured multi-LLM workflows across the Double Diamond process — research, scope, implement, and deliver with autonomous agents, code review, security audits, and TDD enforcement, all orchestrated via Claude Code.

Audit designs and live pages for WCAG accessibility compliance, critique UI usability, generate developer handoff specs from Figma, manage design systems, synthesize user research, and write UX copy. Connects to external tools like Gmail, Asana, Slack, Intercom, Calendar, Jira, Linear, Notion, and Figma API.

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

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

Develop, deploy, and manage applications on Cloudflare’s platform including Workers, Durable Objects, AI agents, and MCP servers. Scaffold projects, configure resources, audit web performance, and integrate with Cloudflare services via API and CLI.

Design and maintain consistent, craft-focused interfaces for dashboards, admin panels, and SaaS apps within Claude Code — extract design patterns into a system file, audit code against it, and rebuild with intent-driven typography, spacing, and tokens across sessions.

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

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.

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

Automate spec-driven development workflows with AI agents that fix GitHub issues, review PRs, generate images, translate content, and extract YouTube transcripts. Includes hooks for token usage monitoring and MCP for browser automation via Chrome DevTools.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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

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.

Manage a unified hub of Claude Code skills, agents, and commands for AI-augmented development — from TDD workflows and code review to LLM evaluation, document generation, and multi-agent orchestration.

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.

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.

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

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.

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.

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.

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.

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

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.

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.

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.

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.