3,032 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.
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.
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…
AST for TypeScript, supports creating JSON representations of React components. Runs locally from the jsc-typescript-ast-mcp npm package. Needs 1 environment variable to run.
★not rated 1 5mo agoA
tokens not measured
originalMIT
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…
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…
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 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.
★not rated 1 6mo agoA
tokens not measured
originalMIT
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…
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…
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.
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: