React skills

2,948 tagged React, measured the same way as everything else here.

Browse within: nextjs 114javascript 42accessibility 35design-system 29agentic-workflow 27codex-skills 27components 27ui 26openai 24claude-code-skills 23expo 22motion 22react-native 22reactjs 21

ant-design

193

ant-design/antd-skill

Skill Claude CodeCodex

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli. Use for component selection, theming/tokens, SSR, a11y, performance, routing/access/CRUD, AI/chat UI patterns, local API lookup, debugging, migration, and usage analysis.

133 +2 5mo ago A 77 tokens original MIT

antd

194

ant-design/antd-skill

Skill Claude CodeCodex

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

133 +2 5mo ago A 69 tokens original MIT

ragnar-pwninskjold/tech-snacks

Skill Claude CodeCodex

Part of tech-snacks

Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank the most over-subscribed tiers, then fix + test the top N in isolated worktrees. Use when the user wants to systematically harvest and fix React/Next.js…

130 15d ago A 115 tokens original MIT

react19

196

one-ie/one

Skill Claude CodeCodex

React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data. Invoke when editing .tsx components.

129 1mo ago A 34 tokens

install-next

197

foxted/rsc-boundary

Skill Claude CodeCodex

Installs and wires @rsc-boundary/next into a Next.js App Router app (dependencies, root layout provider, optional explicit markers). Use when the user wants to add RSC Boundary, integrate @rsc-boundary/next, or set up server/client boundary devtools in Next.js. The unscoped rsc-boundary package on npm is deprecated …

126 1mo ago A 82 tokens original MIT

install-start

198

foxted/rsc-boundary

Skill Claude CodeCodex

Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers). Use when the user wants to add RSC Boundary to a TanStack Start / TanStack Router app, or set up server/client boundary devtools with TanStack.

126 1mo ago A 66 tokens original MIT

react-patterns

199

jh941213/my-cc-harness

Skill Claude CodeCodex

Part of my-cc-harness

A guide to modern React patterns, including components, hooks, server components, actions, forms, state updates, and TypeScript.

125 1mo ago A 99 tokens

shadcn-ui

200

jh941213/my-cc-harness

Skill Claude CodeCodex

Part of my-cc-harness

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons…

125 1mo ago A 100 tokens

agustinusnathaniel/nextarter-tailwind

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.

125 2d ago A 58 tokens copy · 88% MIT

nextjs

203

einverne/dotfiles

Skill Claude CodeCodex

Guide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. Use when building Next.js applications, implementing App Router, working with server components, data fetching, routing, or optimizing performance.

121 5d ago A 52 tokens GPL-3.0

tanstack-router

204

bskimball/tanstack-hono

Skill Claude CodeCodex

Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.

119 +1 22d ago A 29 tokens original MIT

syhily/kobato

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…

115 3d ago A 67 tokens copy · 92% MIT

r3f-animation

206

EnzeD/r3f-skills

Skill Claude CodeCodex

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.

114 7mo ago A 43 tokens

r3f-interaction

207

EnzeD/r3f-skills

Skill Claude CodeCodex

React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

114 7mo ago A 42 tokens

r3f-shaders

208

EnzeD/r3f-skills

Skill Claude CodeCodex

React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

114 7mo ago A 42 tokens

s-fetch

210

cyberchitta/scrapling-fetch-mcp

Skill Claude CodeCodex

Fetch a URL directly with scrapling's bot-detection bypass. Use when the user asks to fetch, curl, or scrape a URL from a bot-protected site.

113 1mo ago A 37 tokens original Apache-2.0

design-to-code

211

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

113 3mo ago A 52 tokens original Apache-2.0

ordinus-ui-system

213

muratgur/ordinus

Skill Claude CodeCodex

Build Ordinus renderer UI in the intended product style. Use when changing React UI, layout, Tailwind styling, shadcn-style components, status panels, navigation, empty states, forms, tables, task views, or user-facing product text.

110 +2 20d ago A 55 tokens original MIT

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: