React skills

3,685 tagged React, measured the same way as everything else here.

Browse within: javascript 339nextjs 294ab-testing 201best-practices 175coding-standards 174flutter 172nestjs 172nodejs 114cms 88graphql 87video 81angular 79tauri 79serverless 77

bitovi/superconnect

Skill Claude CodeCodex

Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.

not rated 24 9mo ago A 67 tokens original MIT

astryx

170

greedychipmunk/agent-skills

Skill Claude CodeCodex needs its repo

Generate Astryx design system components, themes, and layouts for React 19 applications. Use when building UIs with @astryxdesign/core, creating or extending themes with defineTheme, styling components with StyleX or Tailwind, scaffolding pages from templates, migrating from shadcn or Radix, or working with the Astryx…

not rated 24 +3 5d ago A SkillSpector: warn 98 tokens original MIT

react-navigation/skills

Skill Codex

Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…

not rated 23 +1 3mo ago A 83 tokens

react-code

172

gaia-react/gaia

Skill Claude Code

Applies GAIA's patterns and conventions for writing and editing React components and hooks. Use this skill whenever writing or reviewing React components, hooks, or event handlers, or deciding on component extraction. Also trigger when deciding whether a manual memo or "use no memo" is justified under React Compiler…

not rated 23 changed today A SkillSpector: warn 110 tokens original MIT

design-to-code

173

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 23 +1 5mo ago A 42 tokens

hecate-ui

174

hecatehq/hecate

Skill Claude CodeCodex

Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.

not rated 23 changed 14d ago A SkillSpector: pass 43 tokens original MIT

raqam

175

47vigen/raqam

Skill Claude CodeCodex

Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…

not rated 23 2d ago A SkillSpector: pass 102 tokens original MIT

react

176

re-cinq/wave

Skill Claude CodeCodex

React component development — hooks, state management, testing.

not rated 23 +1 1mo ago A 12 tokens original MIT

web-ai-sdk-docs

177

obetomuniz/web-ai-sdk

Skill Claude CodeCodex

Use web-ai-sdk documentation and package references to build with the Web AI surface.

not rated 23 4d ago A 22 tokens original MIT

juniors-best-practice

178

siberiacancode/agent-skills

Skill Claude CodeCodex

Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.

not rated 23 10d ago A SkillSpector: pass 55 tokens original MIT

21st-registry

179

21st-dev/skill

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

not rated 23 +5 1mo ago A Socket: passSnyk: fail 259 tokens original Apache-2.0

book-order-platform

180

eimg/book-order-platform-SKILL

Skill Claude CodeCodex

Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…

not rated 22 6mo ago A 148 tokens

leejpsd/typescript-react-nextjs-patterns

Skill Claude CodeCodex

Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review.…

not rated 22 changed 1mo ago A 142 tokens original MIT

add-widget

182

pomerium/mcp-app-typescript-template

Skill Claude CodeCodex needs its repo

Add a new widget (React UI + MCP tool) to this template. Use when asked to "add a widget", "add a new tool with UI", "create a new widget", "scaffold a widget", or "build a new MCP App feature".

not rated 21 changed 1mo ago A SkillSpector: warn 56 tokens original Apache-2.0

react-doctor

183

shipkit-io/bones

Skill Claude CodeCodex

Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.

not rated 21 3d ago A 31 tokens

next-cache-components

184

neverinfamous/memory-journal-mcp

Skill Claude CodeCodex

Next.js 16 Cache Components guidance. Use when refactoring React Server Components for performance, debugging Partial Prerendering (PPR) issues, or applying the use cache directive, cacheLife, cacheTag, updateTag, and revalidateTag. Also use when deciding whether data should be static, cached, or dynamic, or when…

not rated 20 3mo ago A 99 tokens original MIT

sui-frontend

185

MystenLabs/sui-dev-skills

Skill Claude CodeCodex

Sui frontend dApp development with @mysten/dapp-kit-react (React) and @mysten/dapp-kit-core (Vue, vanilla JS, other frameworks). Use when building browser apps that connect to Sui wallets, query on-chain data, or execute transactions. Use alongside the sui-ts-sdk skill for PTB construction patterns.

not rated 20 7mo ago A 75 tokens

ic-reactor-hooks

186

B3Pay/ic-reactor

Skill Codex

For contributors working inside the B3Pay/ic-reactor repository: create, refactor, review and document the @ic-reactor/react hook layer and how the repository's docs, examples and codegen templates use it (createActorHooks, createQuery/createMutation factories, useActorMethod, TanStack Query cache invalidation…

not rated 20 changed 24d ago A 110 tokens

effect-best-practices

187

betalyra/effect-skills

Skill Claude CodeCodex

Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components.

not rated 20 2mo ago A 45 tokens original MIT

react-native-skills

188

yuanqiyibiansheng/DeepSeek-Harness-GUI

Skill Claude CodeCodex

A collection of React Native and Expo development guidelines for mobile apps, including lists, animations, media, native features, and project structure.

not rated 19 12d ago A SkillSpector: pass 35 tokens original MIT

forge

189

Webba-Creative-Technologies/forge

Skill Claude Code

Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.

not rated 19 5mo ago A 67 tokens original MIT

react-patterns

190

jh941213/codex-lattice

Skill Claude Code

A guide to modern React development with JavaScript or TypeScript. React is a library for building web interfaces from reusable components; the guide covers hooks, forms, server-rendered components, actions, suspense, and newer React 19 features.

not rated 19 5mo ago A 99 tokens original MIT

williamzujkowski/standards

Skill Claude CodeCodex

JavaScript/ES6+ coding standards following Airbnb guidelines, modern patterns, React best practices, and comprehensive Jest testing. Use for JavaScript projects requiring clean, maintainable, production-ready code with modern tooling.

not rated 19 +1 2mo ago A 49 tokens original MIT

Unibean9/harness-skills

Skill Claude CodeCodex

Design and build production-grade frontend interfaces, context first - capture PRODUCT.md (strategy) and DESIGN.md (visual system), pull reusable tokens into a design system, and apply shared UX/UI rules (color, typography, layout, motion, accessibility, anti-patterns) for brand and product surfaces. Its capabilities…

not rated 18 changed 28d ago A 175 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: