React for Claude Code

3,946 mods tagged React that install into Claude Code, 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.

Also for Claude Code: anthropic · Git and workflow · Web3 and blockchain · Python · TypeScript · docker · Go · Localization · nextjs · bun · Rust · android

opslane

145

opslane/opslane

Skill Claude Code

Work the daily Opslane digest from the repository. Use when the user mentions Opslane, asks what is broken in production, pastes an Opslane issue, or wants to fix or review a digest item.

not rated 40 +1 today A 46 tokens AGPL-3.0

figma-to-code

146

scoobynko/claude-code-design-skills

Skill Claude CodeCodex

Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…

not rated 39 10mo ago A 73 tokens original MIT

storybook-workbench

148

strongeron/storybook-workbench

Plugin Claude Code

Bundles 11 skills · 737 tokens together

Work WITH Storybook on React+Vite apps: audit a vibe-coded codebase for real-vs-slop components, capture flows/app-maps, write CSF3 stories, and ship — as focused skills, not one monolith.

not rated 33 2mo ago A tokens not measured original MIT

waterfeet/DoroPet_V3

Skill Claude CodeCodex

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…

not rated 29 +2 3mo ago A 96 tokens original Apache-2.0

webflow-to-react

152

dmenchaca/webflow-to-react

Skill Claude CodeCodex

Converts a Webflow HTML export into a maintainable React app with TanStack Start (SSR, TanStack Router conventions) using an idiomatic React-first approach. Sets up Storybook early, builds UI primitive + page-section SOT components with variant stories before composing routes. Use when the user has a Webflow export…

not rated 27 2mo ago A 258 tokens original MIT

assistant-ui

154

assistant-ui/skills

Plugin Claude Code

Bundles 17 skills · 4,157 tokens together

Skills for building AI chat interfaces with the assistant-ui React library.

not rated 27 +4 changed 2d ago A tokens not measured

shadcn-form-guide

155

dyeoman2/tanstack-start-template

Command Claude CodeCursor

This guide demonstrates proper ShadCN form implementation using @tanstack/react-form with the October 2025 component suite (Field, InputGroup, etc.).

not rated 26 4mo ago A 0 tokens original MIT

raycast-extension

156

johnlindquist/claude

Skill Claude CodeCodex

Build Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.

not rated 25 8mo ago A 31 tokens

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 7mo ago A 67 tokens original MIT

speckit.specify

158

gaia-react/gaia

Command Claude Code needs its repo

GAIA-wrapped /speckit-specify: writes through core, then relocates the artifact to .gaia/local/specs/SPEC-NNN/SPEC.md and stamps GAIA frontmatter.

not rated 23 today A 41 tokens original MIT

design-to-code

159

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 22 3mo ago A 42 tokens

hecate-ui

160

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 22 today A SkillSpector: pass 43 tokens original MIT

book-order-platform

161

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 4mo ago A 148 tokens

raqam

162

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 22 today A SkillSpector: pass 102 tokens original MIT

tscircuit

163

tscircuit/skill

Skill Claude Code

Build, modify, and debug tscircuit (React/TypeScript) PCB designs. Use when working with tsci CLI (init/dev/search/add/import/build/export/snapshot/push), choosing footprints, placing parts, wiring nets/traces, or preparing fabrication outputs (Gerbers/BOM/PnP).

not rated 21 +2 3d ago A 66 tokens original MIT

next-cache-components

164

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 1mo ago A 99 tokens original MIT

add-widget

165

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 20 today A SkillSpector: warn 56 tokens original Apache-2.0

sui-frontend

166

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 5mo ago A 75 tokens

react-native-skills

167

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 20 5d ago A SkillSpector: pass 35 tokens original MIT

web-ai-sdk-docs

168

obetomuniz/web-ai-sdk

Skill Claude CodeCodex

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

not rated 20 today A 22 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: