4,617 tagged React, measured the same way as everything else here.
Browse within: javascript 314ab-testing 181nextjs 138shadcn-ui 111nodejs 102cms 89slate 88graphql 86wysiwyg 85serverless 77video 73angular 66ui 61open-source 59
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 Claude CodeCodex
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.
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
Skill Claude CodeCodex
How to effectively use the react-hook-form-docs-mcp search and doc-retrieval tools instead of relying on training-data memory of React Hook Form APIs.
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…
Skill Claude CodeCodex
Make compositions editable in Remotion Studio.
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'.
Skill Claude CodeCodex
Content, animation and effects best practices.
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…
Skill Claude CodeCodex
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
Skill Claude CodeCodex
Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes. Use when configuring routes, route modules, loaders, actions, forms, fetchers, navigation, pending UI, SSR/SPA/pre-rendering, middleware, URL params/search params, or React Router upgrades.
Skill Claude CodeCodexCursor
Architect and implement modern web frontends using React and Next.js. Covers project structure, routing, server vs client components, state management, data fetching, performance, and responsive patterns. Use when building web pages, creating React components, setting up a Next.js project, or when the user asks about…
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.
Skill Claude CodeCodex
UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…
Skill Claude CodeCodex
Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes. Use when configuring routes, route modules, loaders, actions, forms, fetchers, navigation, pending UI, SSR/SPA/pre-rendering, middleware, URL params/search params, or React Router upgrades.
Skill Claude CodeCodex
Build bulletproof React components that survive SSR, hydration, concurrent rendering, portals, transitions, and future React changes. Nine essential patterns from Shu Ding's guide. Use when writing reusable React components, fixing hydration mismatches, handling SSR edge cases, or building component libraries.
Skill Claude CodeCodex
Build accessible UIs using HeroUI v3 components (React + Tailwind CSS v4 + React Aria). Use when creating React interfaces, selecting UI components, implementing forms, navigation, overlays, or data display. Use when installing HeroUI v3, customizing themes, accessing component documentation, building with compound…
Skill Claude CodeCodex
Next.js development — App Router, Server Components, Server Actions, caching, data fetching patterns, and deployment.
Skill Claude CodeCodex
Production-grade React dashboard card patterns — StatCard, KPI strip, domain progress cards, metric bars, badge system, skeleton states, glass-card CSS variables. Extracted from lead-gen and seo-geo-aeo dashboards.
Skill Claude CodeCodex
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
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: