3,315 mods tagged React that install into Codex, measured the same four ways as everything else here: what each costs in tokens on every session, what a security scan found and why, whether it is the original, and what changed.
Lars-Albinsson/playwright-react-debug-mcp
MCP server Claude CodeCodexCursor +2
MCP server for React debugging with Playwright - Debug React apps with AI assistance. Runs locally from the playwright-react-debug-mcp npm package.
Skill Claude CodeCodex
Cursor rules for building custom frontends with Momen.app as headless BaaS with GraphQL API, actionflows, AI agents, and Stripe integration.
Skill Claude CodeCodex
Build UIs with React Spectrum S2 (Spectrum 2), Adobe's component library for React. Use when developers are using @react-spectrum/s2 or need Adobe design system components. Includes React Aria Components docs as a reference for building custom components on top of unstyled primitives.
Skill Claude CodeCodex
Provides domain-specific best practices for building React Single Page Applications with TypeScript. Use when developing, structuring, or reviewing a React SPA — including feature-based architecture, component and hook placement, TypeScript type safety, functional component patterns, performance optimisation…
Skill Claude CodeCodex
Build an Orderly perpetuals DEX with the React SDK - template-first setup, packages and providers, wallet connection, UI components, hooks, theming, and debugging.
Maverick7/mcp-glue-code-generator
MCP server Claude CodeCodexCursor +2
Maps API JSON to Vue/React components with Zod schemas and live UI previews. Runs locally from the mcp-glue-code-generator npm package.
hsuan1012/Dataviz-Coding-Agent
Skill Claude CodeCodex
A workflow for building interactive data-visualization apps from CSV, JSON, or GeoJSON data using React, Tailwind, Chart.js, or D3.
Skill Claude CodeCodex
Locks in opinionated frontend code patterns for Next.js 16 + TanStack Query v5 + FSD projects. ALWAYS invoke when writing data-fetching code (NEVER useEffect+fetch — always TanStack Query), creating forms (always react-hook-form + zod), introducing client state (Zustand for client-global only — NEVER for server data…
stevennana/mina-ralph-loop-bootstrap-nextjs
Skill Codex
Bootstrap or extend a new or early-stage Next.js App Router + TypeScript repository around a Ralph-style task-promotion loop. Use when Codex needs to ask the founder product and architecture questions, generate or update the repo-local markdown knowledge base, create the initial scaffold or the next feature wave…
skylarbarrera/react-devtools-mcp
Skill Claude CodeCodex
Debug React apps by inspecting runtime state, props, hooks, and renders.
Skill Claude CodeCodex
Convert a Figma design into a working React application using Salt Design System components. Use when the user provides a Figma screenshot, design description, or Figma file and wants it translated into Salt DS code.
MCP server Claude CodeCodexCursor +2
MCP server "cloud-command", hosted remotely at 127.0.0.1, as configured in Androsh7/cloudcommand.
MCP server Claude CodeCodexCursor +2
MCP server "teadata-mcp" as configured in adpena/teadata-mcp. Runs locally from the teadata-mcp Python package.
MananSingh2001/figma-react-mcp-server
MCP server Claude CodeCodexCursor +2
An MCP server that converts Figma designs into React code. Runs locally from the @manansiingh/figma-react-mcp-server npm package.
Blueprint-Master/blueprint-modular
MCP server Claude CodeCodexCursor +2
Briques Python prêtes à l'emploi pour vos interfaces de données. Runs locally from the blueprint-modular Python package.
MCP server Claude CodeCodexCursor +2
MCP server for React DevTools - inspect React applications via Model Context Protocol. Runs locally from the react-context-mcp npm package.
Pruthvik1/figma-svg-to-icon-mcp
MCP server Claude CodeCodexCursor +2
MCP server that extracts SVG icons from Figma and generates React TSX icon components. Works with GitHub Copilot, Claude, and any MCP-compatible AI assistant. Runs locally from the figma-svg-to-icon-mcp npm package.
davidbenge/adobe_extensibility_mcp
Skill Claude CodeCodex
Adobe App Builder frontend (Jamstack, React, Adobe React Spectrum) for all Adobe extension points: Unified Shell (dx/excshell/1), Workfront (workfront/ui/1), AEM (cf-console-admin, cf-editor, assets/details, assets/browse, assets/collections, cf-model-editor, experience-success-studio, contenthub, launchpad), Commerce…
Sannnao/react-hook-form-docs-mcp
MCP server Claude CodeCodexCursor +2
MCP server providing AI agents with semantic search over React Hook Form documentation. Runs locally from the react-hook-form-docs-mcp npm package.
MCP server Claude CodeCodexCursor +2
Figma Dev Tools MCP Server v1.4.21 - Bridge Figma designs to code with AI-powered token extraction, framework-agnostic structured data, React/Vue/HTML component generation, asset downloads, XSS security protection, smart hierarchy fixing, SVG inline rende. Runs locally from the figma-dev-tools npm package.
MCP server Claude CodeCodexCursor +2
MCP server "stripe-mcp" as configured in sandraschi/stripe-mcp. Runs locally from the stripe-mcp Python package.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
MCP server Claude CodeCodexCursor +2
Generate tailored, ATS-optimized resume PDFs and cover letters from a job description, over MCP. Runs locally from the vitex-cli npm package. Needs 1 environment variable to run.
Skill Claude CodeCodex
Build composable, responsive React charts with Recharts library. Use when creating data visualizations including line charts, area charts, bar charts, pie charts, scatter plots, and composed charts. Handles chart customization, responsive sizing, tooltips, legends, axes configuration, performance optimization, and…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: