3,930 mods tagged React that install into Claude Code, 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.
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…
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…
almasumdev/awesome-react-native-agent-skills
Skill Claude CodeCodex
Expert guidance on TanStack Query v5 in React Native -- queries, mutations, optimistic updates, polling, retries, and offline behavior. Use when asked about data fetching, caching, or server state.
Plugin Claude Code
Bundles 1 skill · 115 tokens together
Build hosted and native product forms with Fillo from your coding agent.
MCP server Claude CodeCodexCursor +2
105 PrimeReact v10 components with props, types, and events. Runs locally from the primereact-mcp npm package.
Skill Claude CodeCodex
Deep technical audit of a React codebase via the Dendro MCP server — complexity hotspots, circular deps, rerender risks, actionable recommendations. Triggers: /dendro-audit, 'audit this React codebase', 'dendro audit'.
MCP server Claude CodeCodexCursor +2
JSXN encoder/decoder — compact notation for React/Next.js files, optimized for LLMs. Runs locally from the jsx-notation npm package.
TAG-IT-NETWORK/tagit-dashboard
MCP server Claude CodeCodexCursor +2
Verify on-chain lifecycle state and provenance of NFC-tagged physical products. Remote server at verify.tagit.network.
Skill Claude CodeCodex
Use when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as…
artemreva-hub/Otus.dev-ai-agents.Webinar7.MCP
MCP server Claude CodeCodexCursor +2
Basic MCP App Server example using React. Runs locally from the @modelcontextprotocol/server-basic-react npm package.
MCP server Claude CodeCodexCursor +2
MCP server for converting SVG to React components using SVGR. Runs locally from the svgr-mcp npm package.
surisagar900/figma-to-react-mcp
MCP server Claude CodeCodexCursor +2
Convert Figma designs to React components automatically. MCP server with GitHub, Figma, and Playwright integrations for seamless design-to-code workflow. Runs locally from the figma-to-react-mcp npm package.
Skill Claude CodeCodex
React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure, hooks usage, accessibility, performance, and TypeScript patterns.
MCP server Claude CodeCodexCursor +2
MCP server for analyzing React project hooks, component sizes, and structure. Runs locally from the react-analyzer-mcp npm package.
Plugin Claude Code
Bundles 5 skills, 2 agents, 1 hook · 365 tokens together
Native Claude Code integration for @annondeveloper/ui-kit — 147 zero-dependency React components with Aurora Fluid design, physics animations, OKLCH colors, and 3 weight tiers. Gives Claude deep awareness of components, design patterns, and conventions.
lmn451/jsx-prop-lookup-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server for analyzing JSX prop usage using AST. Runs locally from the jsx-prop-lookup-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
A bare bones React state manager. Runs locally from the soapstone npm package.
MCP server Claude CodeCodexCursor +2
MCP server "mcp-react-docs" as configured in gaddario98/mcp-react-docs. Runs locally from the @gaddario98/mcp-react-docs npm package.
MCP server Claude CodeCodexCursor +2
MCP server that gives AI assistants accurate Motion (motion.dev) for React documentation, API references, and animation code generation. Runs locally from the @orkait-ai/motion-dev-react-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server "react-perf-mcp" as configured in cma0232/react-perf-mcp. Runs locally from the react-perf-mcp npm package.
MCP server Claude CodeCodexCursor +2
AI Copilot + MCP server for diagnosing Apollo InMemoryCache normalization defects in React Native. Runs locally from the apollo-cache-copilot npm package.
MCP server Claude CodeCodexCursor +2
A CLI tool to analyze JSX prop usage in a codebase. Runs locally from the my-component-prop-analyzer npm package.
MCP server Claude CodeCodexCursor +2
AST-powered MCP server for Vue/React component analysis — eliminates AI hallucinations on local business components. Runs locally from the @wllcyg001/local-component-mcp npm package.
MCP server Claude CodeCodexCursor +2
A set of components for AI in React. Runs locally from the ai-lab npm package.
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: