React for Claude Code

4,549 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 · Python · Web3 and blockchain · TypeScript · Go · docker · Rust · Localization · PostgreSQL · nextjs · bun

run-wenlan-app

145

wenlan-app/wenlan

Skill Claude Code

Build, launch, screenshot, and drive the wenlan-app Tauri desktop app in dev mode on macOS (WKWebView) or Windows (WebView2). Use when asked to run or start the app, verify a UI change in the real running app (not just tests), or take a screenshot of it.

not rated 86 +3 changed 2d ago A 71 tokens original Apache-2.0

react-vue-H5-convert

146

HuolalaTech/huolala-figma-mcp

Skill Claude CodeCodex

A conversion guide for turning an HTML design export into H5 mobile web code, React code, or Vue code. H5 means a web page designed for mobile browsers; React and Vue are tools for building user interfaces.

not rated 85 +1 4mo ago A 51 tokens original Apache-2.0

effect-best-practices

147

Makisuo/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 79 7d ago A Socket: passSnyk: passSkillSpector: warn 45 tokens original MIT

frontend-specialist

148

SamarthaKV29/antigravity-god-mode

Agent Claude Code

Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.

not rated 73 28d ago A 63 tokens

ritual-dapp-frontend

149

OpenCoven/coven

Skill Claude CodeCodex

Skill "ritual-dapp-frontend" from OpenCoven/coven, covering ritual dapp frontend skill, when to use, tech stack, quick start pattern and 1. setup chain & providers.

not rated 73 +1 today A SkillSpector: warn 0 tokens original MIT

mdma-integration

150

MobileReality/mdma

Skill Claude CodeCodex

Integrate MDMA into an application and build features with it — wire up parsing, the runtime store, React rendering, LLM streaming, custom components, prompts, and CI validation. Use this skill when the user asks to add MDMA to an app, build a chat that streams MDMA, author or maintain a custom prompt, validate MDMA…

not rated 71 9d ago A SkillSpector: warn 111 tokens original MIT

code_agent

151

outscal/video-generator

Agent Claude Code

Expert Remotion scene component creator that generates all scene TSX components together using frame-based animations.

not rated 69 +1 6mo ago A 22 tokens

no-use-effect

152

alejandrobailo/no-use-effect

Skill Claude CodeCodex

ALWAYS ACTIVE. Enforces a strict no-direct-useEffect rule in React and React Native code. Never write useEffect directly — use derived state, event handlers, useMemo, useSyncExternalStore, data-fetching libraries, key-based resets, or useMountEffect instead. Triggers on all React component code: writing new…

not rated 69 +2 7mo ago A 107 tokens

spark-ui

153

codeweb-dev/spark-ui

Skill Claude CodeCodex

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

not rated 68 +8 3mo ago A SkillSpector: warn 73 tokens original MIT

mantinedev/skills

Skill Claude CodeCodex

Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via…

not rated 63 changed 18d ago A Socket: passSnyk: pass 134 tokens original MIT

loom-react

155

cosmix/loom

Skill Claude CodeCodex

Modern client-side React development patterns. Not for: a loom-hooks shell script or a stage's lifecycle state.

not rated 63 +1 changed 1mo ago A SkillSpector: pass 25 tokens original MIT

graphify-windows

156

saeedkolivand/ai-job-hunter-app

Skill Claude Code

Turn any folder of files into a navigable knowledge graph with community detection, an honest audit trail, and three outputs: interactive HTML, GraphRAG-ready JSON, and a plain-language GRAPHREPORT.md.

not rated 62 yesterday A 75 tokens original Apache-2.0

vibedgames

157

kyh/vibedgames

Plugin Claude Code

Bundles 34 skills · 1,231 tokens together

Seed your coding agent with a game studio: design, scaffold, generate art and audio, add multiplayer, tune feel, and ship browser games with the vg CLI.

not rated 61 +2 today A tokens not measured original MIT

udecode/plate-template

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 59 yesterday A 58 tokens copy · 88% MIT

skill

159

cozy/cozy-ui

Skill Claude CodeCodex

Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.

not rated 57 today A SkillSpector: pass 0 tokens original MIT

IgniteUI/igniteui-react

Skill Claude Code

Covers theming Ignite UI for React with CSS custom properties: brand palette, dark mode, size, spacing and roundness, per-component tokens, and scoped themes, optionally through the igniteui-theming MCP server. WHEN TO USE: applying brand colors, switching between light and dark, changing a component's appearance…

not rated 56 changed 24d ago A SkillSpector: pass 155 tokens original MIT

widget-authoring

161

ThinkEx-OSS/thinkex

Skill Claude CodeCodex

Author or edit ThinkEx widgets, which are self-contained interactive HTML blocks inside documents. Use when the user explicitly asks for a widget, asks for interaction or live computation, or wants a document visual that ordinary blocks cannot express.

not rated 55 5d ago A SkillSpector: pass 49 tokens original MIT

README Maintainer

162

CDCgov/cdc-open-viz

Skill Claude Code needs its repo

Review and maintain README.md for accuracy against the current repository contents.

not rated 55 today A SkillSpector: warn 16 tokens original Apache-2.0

react-flow

163

framara/react-flow-skill

Skill Claude CodeCodex

Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, accessibility, SSR, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues…

not rated 55 changed 24d ago A 82 tokens original MIT

invest-backfill

164

erikaflowers/investiture

Skill Claude Code

Survey an existing codebase and generate Investiture doctrine files — VECTOR.md, CLAUDE.md, ARCHITECTURE.md — by combining Investiture defaults with patterns inferred from the project. Run this once on a project that does not yet have doctrine. Then run invest-doctrine to validate what was generated.

not rated 54 10d ago A 66 tokens

components-build

165

nolly-studio/components-build-skill

Skill Claude CodeCodex

Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems…

not rated 53 8mo ago A 62 tokens

opslane

166

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 48 yesterday A 46 tokens AGPL-3.0

vercel-microfrontends

167

vercel/microfrontends

Skill Claude CodeCodex ✓ vendor

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json…

not rated 45 2d ago A Socket: passSnyk: warn 122 tokens original MIT

next-best-practices

168

ssdeanx/AgentStack

Skill Claude Code

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.

not rated 44 6mo ago A 38 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: