React skills

4,590 tagged React, measured the same way as everything else here.

Browse within: javascript 315ab-testing 183nextjs 138shadcn-ui 111nodejs 102cms 89slate 88graphql 86wysiwyg 85serverless 77video 73angular 67open-source 64ui 61

arraydude/agent-skills

Skill Claude CodeCodex

React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series.

not rated 2 1mo ago A 62 tokens original MIT

frontend-agent-skills

362

jcarroll2007/Frontend-Agent-Skills

Skill Claude CodeCodex

How to architect frontend features in React + TypeScript apps. Use when planning or building a new frontend feature — deciding structure, component breakdown, data fetching, state, and file placement.

not rated 2 2mo ago A 42 tokens

rn-architecture

363

cmaranho/rn-agent-skills

Skill Claude CodeCodex

Estrutura a arquitetura de um app React Native seguindo Clean Architecture — camadas, fluxo de dados unidirecional, módulos coesos e limites claros. Use ao criar módulos/features, definir estrutura de pastas ou organizar o fluxo dados→UI.

not rated 2 2mo ago A 55 tokens original MIT

olakunlevpn/olakunlevpn-react-skills

Skill Claude CodeCodex

Use when writing, reviewing, or refactoring React or Next.js code — components, hooks, state management, testing, performance, TypeScript patterns, server components, or project structure. Always apply these standards to all React work.

not rated 2 5mo ago A 54 tokens original MIT

mcp-app-builder

365

hollaugo/prompt-circle-marketplace

Skill Claude CodeCodex

Build new MCP Apps (MCP servers with React UI output) using @modelcontextprotocol/ext-apps and the MCP SDK. Use when asked to scaffold or implement MCP App servers, add UI-rendering tools/resources, or migrate a standard MCP server to an MCP App with Vite single-file UI bundles.

not rated 2 7mo ago A 67 tokens

react-spectrum-s2

367

zzci/skills

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.

not rated 2 yesterday A 64 tokens

data-vis-coding-v2

368

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.

not rated 1 9d ago A 327 tokens

caprica-Six/hyperliquid-insights-web

Skill Claude CodeCodex

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

not rated 1 4mo ago A 58 tokens copy · 88% MIT

frontend-conventions

370

kimzeze/frontend-conventions

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…

not rated 1 4mo ago A 142 tokens original MIT

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…

not rated 1 4mo ago A 88 tokens

salt-figma

373

feesch/salt-mcp

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.

not rated 1 6mo ago A 47 tokens

app-builder-frontend

374

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…

not rated 1 3mo ago A 175 tokens

commet/Argus

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…

not rated 1 5d ago A 67 tokens

recharts

377

andy-spike/skills

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…

not rated 1 5mo ago A 62 tokens original MIT

dendro-audit

379

RooneyTech/dendro-react

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'.

not rated 0 9d ago A 0 tokens

safe-action-hooks

381

next-safe-action/skills

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…

not rated 0 changed yesterday A 88 tokens

react-router

383

akshatbatra/attachpad

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.

not rated 0 1mo ago A 63 tokens copy · 100% Apache-2.0

rwking/wellness_planner

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…

not rated 0 6mo ago A 69 tokens

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: