React plugins

Searchable database of UI/UX design rules and assets covering styles, color palettes, typography, accessibility, animation, and charts across 22 technology stacks. Includes tools for generating design tokens, brand identity, presentations, and accessible UI components with Tailwind and shadcn/ui.

Process PDF, Word, PowerPoint, Excel documents and build interactive HTML artifacts with React, Tailwind, and shadcn/ui. Apply brand themes, generate art, and automate document creation with design guidance, testing, and MCP server skills.

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.

Create distinctive, production-grade frontend interfaces with high design quality. Get visual design guidance on typography, palette, layout, and motion, and generate polished code for web components, pages, or applications.

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.

Implements Next.js cache components and Partial Prerendering (PPR) with 'use cache' directive, cacheLife(), and cacheTag() for cache invalidation and parameter permutation rendering.

Search a database of UI/UX design rules covering styles, colors, typography, accessibility, animation, and chart types across 22 technology stacks to guide design and review decisions.

Build and scaffold production-ready frontend and mobile applications with Next.js, React Native, and Flutter. Includes patterns for state management, design systems with Tailwind CSS, and cross-platform development with performance optimization and accessibility.

Write modern JavaScript/TypeScript applications using ES6+ patterns and advanced type safety, build Node.js backends with Express/Fastify, implement testing with Jest/Vitest, and scaffold projects for Next.js, React, and CLIs.

Design and implement UI components, design systems, and accessible interfaces for mobile (iOS, Android, React Native) and web applications. Includes WCAG compliance auditing, responsive layouts, microinteractions, and cross-platform component patterns.

Enforce mobile-first, intentionally designed web experiences with cohesive design systems, interactive 3D scenes, scroll-driven storytelling, and accessible UI/UX guidelines.

Generates professional PowerPoint presentations, videos, music, images, and podcasts from text prompts. Conducts deep research, analyzes data with SQL, creates polished frontend UIs, and deploys to Vercel — all within a conversational AI workflow.

Write HTML, render video with HyperFrames — create talking-head captions, faceless explainers, music-synced videos, motion graphics, slideshows, promo videos, and PR changelogs from Figma designs, GitHub diffs, or product URLs, then deploy to local, HeyGen cloud, AWS Lambda, or GCP Cloud Run.

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.

Ship Expo React Native apps to production with EAS CI/CD pipelines, including App Store optimization, API route management, Tailwind CSS styling, and native module development.

Orchestrate cross-platform feature development across web, iOS, Android, and desktop with API-first design, shared business logic, and parallel platform implementation using specialized agents for backend, frontend, mobile, and design systems.

Profile, optimize, and monitor application performance across frontend and backend systems using OpenTelemetry, Prometheus, Grafana, and Datadog. Includes React/Next.js optimization, caching, load testing, and observability setup with SLI/SLO management.

Guides frontend web development with skills for building distinctive designs, optimizing React/Next.js performance, implementing SEO best practices, and improving form conversion rates. Covers modern patterns for Server Components, Tailwind CSS v4, and React hooks.

Orchestrates end-to-end full-stack feature development with specialized agents for architecture, implementation, testing, security, performance, and deployment, using an API-first approach and interactive checkpoints.

Provides expert guidance and patterns for TypeScript and JavaScript development, covering full-stack React/Next.js (App Router, Server Components, performance) and Node.js (framework selection, async patterns, security). Helps debug complex type issues, optimize bundle size, and modernize codebases.

Guides full-stack development with opinionated best practices for API design (REST/GraphQL/tRPC), layered backend architecture (Express/TypeScript/Prisma), database schema and ORM selection, React/Next.js frontend components, and Stripe payment integration. Includes project scaffolding and code quality checks.

Provides a team of specialized expert agents that each deep-dive into specific languages and frameworks—from Angular and React to Rust, Go, Java, Swift, and more—so you can delegate complex, language-specific tasks like architecture design, performance optimization, and enterprise patterns to the right expert on demand.

Integrate third-party APIs for search, CRM, payments, fintech, and communications with expert patterns covering authentication, webhooks, SDK usage, and compliance.

Plan and execute safe, incremental codebase migrations across frameworks, languages, and databases—covering AngularJS-to-Angular upgrades, React modernization, database schema migrations, and dependency version management—with automated risk assessment, rollback strategies, and legacy system modernization using the strangler fig pattern.

Design and build polished, accessible frontend experiences with 3D scenes, scroll-driven narratives, mobile-first thinking, and WCAG audits — from concept artifacts to agency-grade interfaces and design system reviews.

Designs and builds polished web experiences: generate design philosophies, craft cohesive design systems, create 3D interactive scenes and scroll-driven animations, enforce mobile-first principles, and conduct WCAG accessibility audits.

Scan frontend codebases for XSS vulnerabilities and implement secure coding patterns across React, Vue, Angular, and mobile apps with expert agents for both security fixes and general frontend development

Integrate payment processing, subscription management, and commercial CRM workflows: Stripe subscriptions, PayPal transactions, Plaid financial data, HubSpot CRM automation, and Algolia search-powered product discovery.

Enforce a consistent v1 frontend design taste across React, Next.js, and Tailwind projects with configurable variance, motion, and density parameters, preserving backward compatibility for existing codebases.

Get expert guidance on modern JavaScript, TypeScript, Node.js, Next.js, and React—covering architecture, performance, async patterns, and code quality across the full stack.

Accelerate development of React/Next.js web apps with integrated patterns for component design, state management, Server Components, performance optimization, and design systems using Tailwind CSS and shadcn/ui. Includes audits for form conversion, SEO, and WCAG accessibility compliance.

Audit and optimize frontend web applications with expert guidance on accessibility compliance, form conversion, design systems, React/Next.js patterns, performance tuning, SEO, and Tailwind CSS — all in one skill bundle.

Accelerates Expo & React Native mobile development with production-ready patterns for navigation, state management, native modules, and offline-first architecture. Manages the full mobile lifecycle: project scaffolding, Tailwind CSS v4 styling, EAS CI/CD pipelines, API route creation, development client builds, and App Store/Play Store deployment with metadata optimization and review analysis.

Integrate payment processing, CRM, communication, search, and financial APIs with expert patterns for Stripe, HubSpot, Twilio, Algolia, and Plaid, including webhooks, OAuth, and event-driven architectures.

Enables full-stack development with guided patterns for API design, authentication, backend architecture, database schema, React/Next.js frontend, testing, and Stripe payment processing.

Automate localization and international growth workflows: i18n audits, hreflang validation, structured data optimization, SEO content strategy, market research, and analytics tracking.

Apply Vercel's curated React, Next.js, and React Native best practices for performance, rendering, animations, and state management. Deploy and audit Vercel projects, review UI accessibility and design, and check documentation against Vercel writing guidelines.

Build complex, multi-component HTML artifacts for Claude using React, Tailwind CSS, and shadcn/ui. Handles project initialization, development server, and single-file bundling for stateful, routed artifacts.

Convert articles or scripts into interactive, click-driven 16:9 web presentations with optional AI audio narration, enabling creation of video-like tutorials and demos.

Build, integrate, and debug AI-powered chat and agent features in CopilotKit projects, from setup to production across frontend and backend.

Develop responsive HTML email templates with React and Tailwind, preview them in a live dev server, and send them via Resend.

Guides developers in setting up and managing React state using Redux Toolkit, Zustand, Jotai, and React Query, covering global state, server state, and solution selection.

Implement Next.js 14+ App Router patterns for Server Components, streaming, parallel routes, data fetching, and Server Actions to build or migrate Next.js applications.

Automates upgrading React applications to the latest versions, migrating class components to hooks, and adopting concurrent features via codemods

Scaffolds React components using the Container/Presentation pattern under src/components, generating TypeScript, Storybook, and SCSS files based on the component name and type (ui or features).

Automate 90+ Korean daily-life and business tasks: book KTX/SRT trains, search Coupang/Daangn, check real estate prices, look up laws, track parcels, and more via public APIs and browser automation.

Build complex, multi-component HTML artifacts with React, Tailwind CSS, and shadcn/ui, including initialization and bundling scripts for state management and routing.

Build mobile apps, frontend pages, and full-stack features while generating AI media (images, video, music, stickers) and documents (PDF, DOCX, PPTX, XLSX) via MiniMax APIs. Includes guides for Android, iOS, Flutter, React Native, and shader effects.

A 145-skill bundle automating CRM, marketing, project management, file operations, social media, design, documentation, and development workflows via Composio/Rube MCP integrations, plus specialized skills for AI agent coordination, code analysis, and media processing.

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.

Design and build production-grade interfaces with strong visual hierarchy, design tokens, and craft review. Guides through intent, palette, typography, and spacing decisions; audits UI code for design system violations; extracts design patterns; strips AI-generated visual tells; and scores visual craft against an approval bar.

Build and optimize GSAP animations with AI guidance across React, Vue, Svelte, and vanilla JS — covers tweens, timelines, ScrollTrigger, plugins, performance, and framework-specific patterns.

Render JSON UI/document specs to web, mobile, terminal, PDF, images, video, and email. Supports React, Vue, Svelte, Next.js, Remix, React Native, and state management adapters. Enables AI-generated UIs and component catalogs.

Builds and redesigns polished front-end artifacts such as pages, dashboards, prototypes, animations, UI mockups, and data visualizations using HTML/CSS/JavaScript/React.

Manage the full Cloudflare platform: deploy Workers, configure Zero Trust, build AI agents with the Agents SDK, manage DNS and CDN, audit web performance, and send transactional emails — all from Claude Code.

Generate infographics from text content using AntV Infographic syntax, with template selection, data structuring, and theme hints to create visual diagrams for reports, notes, and outlines.

Audit React codebases for deprecated APIs, unsafe lifecycle methods, batching vulnerabilities, and dependency conflicts to prepare for React 18.3.1 or React 19 upgrades using grep scan commands.

Migrate test files to React 19 compatibility by applying before/after patterns for act() imports, Simulate removal, and StrictMode call count changes.

Build generative UI components that AI agents can control, by integrating Tambo into React/Next.js apps with Zod-schema component registration and provider setup, or scaffolding new apps from natural language prompts.

Build high-performance React UIs with virtualized lists, data tables, and chat interfaces using react-virtuoso, plus a reactive state management engine.

Deploy a team of expert coding agents for software architecture, backend/frontend development, mobile apps, CMS platforms (Directus, Drupal, WordPress), and legacy modernization — each specialized in specific frameworks and best practices.

Orchestrate multi-agent development workflows with skills for collaborative design, autonomous coding via OpenAI, multi-agent research, GitHub issue fixing and PR review, image generation, session handoffs, and browser automation via Chrome DevTools.

Orchestrate 51 specialized AI agents to automate development workflows: code generation and review, quality audits, deployment coordination, research, documentation, and project cleanup across any stack.

Autonomous multi-agent development framework that orchestrates spec-driven sprints: agents plan, implement, test, and review code in parallel across frontend, backend, and CI/CD, converging on a finished feature without manual handoffs.

Audit and fix UI issues across accessibility, SEO metadata, animation performance, and layout/spacing in one command. Includes a CLI to route tasks to the appropriate skill set.

Build interactive UIs for MCP servers using the MCP Apps SDK, with scaffolding for React, Vue, Svelte, or vanilla JS, and migration paths from OpenAI Apps SDK.

Configure, test, deploy, and maintain Clerk authentication in Next.js applications. Includes SDK setup, sign-in/sign-up flows, route protection, E2E testing with Playwright in CI/CD, production deployment (Vercel/Netlify), error debugging, and security best practices.

Follow best practices for Remotion video creation in React, including project setup, React markup, interactivity, rendering, captions, SaaS integration, and documentation.

Build high-quality videos programmatically with Remotion using best practices for scaffolding, animation, sequencing, captions, audio, effects, and rendering.

Generate fullstack project scaffolds with React frontend, Express or FastAPI backend, PostgreSQL database, authentication, Docker, and CI/CD setup. Includes AI agents for API design, database schema, deployment, React expertise, and accessibility.

Optimize Postgres queries and schema designs with Supabase best practices, manage authentication and RLS, and access Supabase documentation via MCP for any Supabase project.

Develop custom WordPress blocks, block themes, and editor components using modern JavaScript and the Interactivity API. Automate plugin audits, REST API development, performance profiling, and deployment workflows with WP-CLI and Playground environments.

Build and manage data portals with PortalJS: scaffold a portal, add datasets (CSV, GeoJSON, etc.), create charts and maps, connect CKAN backends, migrate from ArcGIS/Socrata/other platforms, deploy to Cloudflare, and audit data quality.

Manage skills, agents, and commands for Claude Code with a unified hub that provides 150+ capabilities including code review, TDD enforcement, git workflows, UI/UX design guidance, Remotion video creation, document generation, multi-agent orchestration, context optimization, and social media publishing.

Build and optimize Next.js App Router applications with expert guidance on routing, API routes, Server Actions, authentication via Auth.js, and React Server Components. Includes CLI commands to add authentication, analyze performance, and scaffold components.

Audits and cleans codebases across 11 quality dimensions—dead code, duplication, weak types, circular deps, async issues, security flaws, performance bottlenecks, deprecated APIs, redundant null checks, AI comment noise, and duplicate types—with confidence scoring and build/test verification gates

Develop and manage Framer plugins, code components, and Server API integrations end-to-end: scaffold projects with Vite, set up GitHub Actions CI/CD, handle CMS sync, optimize performance, apply security best practices, and diagnose common errors.

Build, deploy, and monitor Web3 dApps on Alchemy — from SDK setup and multi-chain client patterns to CI/CD, cost optimization, webhooks, and production readiness checks.

Run UX research, design critiques, accessibility audits, and brand guideline creation directly from Claude. Generate WCAG 2.2 compliance reports, structured usability feedback, design system health scores, and polished frontend UI with token systems.

Integrate, configure, and manage PostHog analytics across the full lifecycle — from SDK setup and event tracking to debugging, cost optimization, migration, and production deployment.

Manage and update snapshot tests across Jest, Vitest, Playwright, and Storybook with intelligent diff analysis for selective updates and regression testing.

Manage the full Algolia search lifecycle: configure indexes, sync data from databases, optimize performance and costs, handle errors and rate limits, enforce security and compliance, monitor with Prometheus/Grafana, and deploy to Vercel or Cloud Run.

Automate Lokalise translation management across the development lifecycle: CI/CD sync via GitHub Actions, deployment to Vercel/Netlify/GCP, pipeline monitoring, API error diagnostics, SSO/security configuration, migration from other platforms, and local i18n setup with React/Vue.

Render streaming-optimized React Markdown with code highlighting, Mermaid diagrams, math rendering, and AI streaming integration.

Enforces Sentry's engineering and documentation standards across code review, git workflow, security auditing, and project documentation. Automates PR descriptions, commit messages, branch naming, and SRED submission prep while scanning for vulnerabilities in Django, GitHub Actions, and agent skills.

Configure VSCode extensions to automate API testing with httpYac, monitor development server ports with Port Monitor, and deploy static websites via SFTP with Nginx templates.

Integrate with the AppFolio Stack API for property management: authenticate, manage properties/tenants/leases, handle work orders, process webhooks, optimize API costs, and deploy containerized services with CI/CD and security best practices.

Automate Figma design-to-code conversion using Anima SDK: generate React, Vue, or HTML components with Tailwind/TypeScript, set up CI/CD pipelines, debug SDK errors, optimize API costs, and secure credentials.

Convert Figma designs and screenshots into production-ready, accessible React or Svelte components via a local MCP server.

Guides React/TypeScript frontend development with modern patterns: Suspense, lazy loading, TanStack Query/Router, MUI v7, features directory organization, and performance optimization. Apply when building components, pages, features, data fetching, styling, routing.

Review frontend code diffs against code quality principles (cohesion, coupling, predictability, readability) and get actionable fixes for prop drilling, oversized hooks, hidden side effects, and readability issues.

Guides developers through creating new material components in FlowGram's form-materials package, covering structure, exports, and testing with Storybook using React and Semi UI.

Generate component documentation and Storybook stories for the FlowGram material library, with automated bilingual translation support.

Build AI-powered chat interfaces in Next.js using pre-built React components for conversations, messages, tool displays, and prompt inputs, with AI Elements, shadcn/ui, and the AI SDK.

Orchestrates full-stack development workflows with specialized agents for code review, debugging, refactoring, testing, security auditing, and documentation across any software project.

Build full-stack Azure applications from TypeScript/Node.js: AI services (content safety, document intelligence, translation, voice, search), storage (blobs, files, queues, Cosmos DB), messaging (Event Hubs, Service Bus, Web PubSub), identity, monitoring, and key management. Includes React UI components and Zustand state management patterns.