React for Claude Code

4,122 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 · Rust · nextjs · bun · PostgreSQL

arbitrum-dapp-skill

218

hummusonrails/arbitrum-dapp-skill

Skill Claude CodeCodex needs its repo

Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a…

not rated 7 3mo ago A 85 tokens original MIT

SuanFishXYY/suanfish-design-system

Skill Claude CodeCodex

A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.

not rated 7 2mo ago A 293 tokens

uiforge

220

TaewoooPark/UIForge

Plugin Claude Code

Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

not rated 7 1mo ago A tokens not measured original MIT

component-scaffolder

221

memi-design/design-sandbox

Agent Claude Code

Scaffolds shadcn-based React compositions into src/app/sandbox/page.tsx from a spec (from screenshot-decoder) or a plain brief. Use AFTER screenshot-decoder, or directly when the user gives a text-only brief.

not rated 7 1mo ago A 53 tokens original MIT

cc-mascot

222

kazakago/cc-mascot

Plugin Claude Code

Bundles 3 skills, 2 hooks · 60 tokens together

A CC Mascot plugin for controlling which Claude Code session is read aloud. CC Mascot is an app that provides spoken responses from Claude Code.

not rated 7 today A tokens not measured original Apache-2.0

kicchann/reqord

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 7 +1 6mo ago A 67 tokens AGPL-3.0

design-engineer

226

ddruids/design-engineer

Plugin Claude Code

Bundles 1 skill · 216 tokens together

Unified design engineering agent — converts Figma designs into production-ready frontend systems and enforces an opinionated engineering handbook (React, Next.js App Router, TypeScript, Tailwind, ShadCN, Framer Motion, a11y, performance, AI/trading/crypto UI patterns).

not rated 7 +2 1mo ago A tokens not measured original MIT

react-review

227

thereactfoundation/react-skills

Plugin Claude Code

Bundles 1 skill · 115 tokens together

Deep React code review that catches architectural violations, hook misuse, React Compiler incompatibilities, and component design anti-patterns.

not rated 7 5mo ago A tokens not measured

tiun-sdk

228

SunrisesIllNeverSee/sigrank-app

Skill Claude CodeCodex

Use when integrating or debugging the tiun SDK (@tiun/sdk), tiun's JavaScript library for authentication, subscription billing, one-time purchases, and time-based paywalls. Triggers on imports of @tiun/sdk, calls like tiun.init, tiun.checkout, tiun.login, tiun.start, or questions about tiun products, entitlements…

not rated 6 today A SkillSpector: warn 98 tokens original MIT

OscarDRT/supastarter-nextjs-skill

Skill Claude CodeCodex

Guides development with supastarter for Next.js only (not Vue/Nuxt): tech stack, setup, configuration, database (Prisma), API (Hono/oRPC), auth (Better Auth), organizations, payments (Stripe), AI, customization, storage, mailing, i18n, SEO, deployment, background tasks, analytics, monitoring, E2E. Use when building or…

not rated 6 7mo ago A 124 tokens original MIT

nextjs-reusable-table

230

ninsau/nextjs-reusable-table

Skill Claude CodeCodex needs its repo

Use this skill when building or customising data tables with nextjs-reusable-table. Covers installation, all props, sorting, pagination, search, row actions, dark mode, custom styling, and Tailwind setup for Next.js 13+ and React 18+.

not rated 6 6mo ago A 59 tokens original 0BSD

midnight-dapp-dev

231

mzf11125/midnight_agent_skills

Skill Claude CodeCodex

Comprehensive guide for Midnight Network DApp frontend development covering project scaffolding with Vite and React 19 plus shadcn/ui templates, Next.js wallet connector patterns via the DApp Connector API with App Router, React wallet connector with Vite setup, provider architecture including MidnightProviders, proof…

not rated 6 2mo ago A 374 tokens original MIT

reactbits-ui-skills

232

lumacoder/react-bits-skills

Skill Claude CodeCodex

A guide for building React interfaces with the React Bits component framework. React is a JavaScript library for making web interfaces, and components are reusable pieces of a page.

not rated 6 6mo ago B 89 tokens

kesslerio/ultimate-frontend-design-openclaw-skill

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 6 6mo ago A 96 tokens copy · 100% Apache-2.0

react-native-dev

234

martgueritainaccurate875/skills

Skill Claude CodeCodex

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…

not rated 6 +1 2d ago A 102 tokens copy · 95% MIT

airjam-mcp

235

vucinatim/air-jam

Skill Claude CodeCodex

Use when operating an Air Jam project through its first-party MCP tools for inspection, development, semantic game sessions, logs, quality gates, and releases.

not rated 6 today A 35 tokens original MIT

21st-registry

236

21st-dev/codex-plugin

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 6 12d ago A 259 tokens copy · 100% Apache-2.0

mern-mcp

238

IrtezaAsadRizvi/mern-mcp

MCP server Claude CodeCodexCursor +2

Scaffolds MERN CRUD resources into existing Express and React codebases. Runs locally from the mern-mcp npm package. Needs 1 environment variable to run.

not rated 6 5mo ago A tokens not measured

ascii-shader-tsx

239

Codeptor/ascii-shader-tsx

Skill Claude CodeCodex

Generate animated ASCII art, dithered visuals, and shader-like effects as self-contained React/TSX components. Use when the user wants to create ASCII backgrounds, dithered image/video effects, CRT/retro overlays, matrix rain, noise fields, halftone patterns, particle systems, braille art, terminal aesthetics, or any…

not rated 5 5mo ago A 190 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: