React for Claude Code

4,116 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 · android

AvivK5498/The-Claude-Protocol

Skill Claude CodeCodex

React and Next.js performance optimization patterns. Use BEFORE implementing any React code to ensure best practices are followed.

not rated 346 7mo ago A 27 tokens original MIT

walkeros

74

elbwalker/walkerOS

Plugin Claude Code

Bundles 24 skills · 982 tokens together

Skills and MCP tools for walkerOS - the open-source event data collection platform. Learn architecture, create sources/destinations/transformers, validate events, bundle flows, and manage projects via API.

not rated 343 today A tokens not measured original MIT

gsap-animation

75

notedit/happy-skills

Skill Claude CodeCodex

GSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusable effect presets.

not rated 340 6mo ago A 36 tokens original MIT

termcast

76

remorses/termcast

Skill Claude CodeCodex

Build TUIs with a Raycast-like React API using termcast. Implements @raycast/api components (List, Detail, Form, Action) rendered to the terminal via opentui.

not rated 339 5d ago A 40 tokens original MIT

plugin-commands

77

JNTMTMTM/eIsland

Command Claude Code

:::info This document covers all build, test, and smoke commands for eIsland native plugins. Each plugin lives under plugins/ and has its own package.json with independent scripts. ::.

not rated 311 +2 2d ago A 0 tokens GPL-3.0

chart

78

kansoku-trade/kansoku

Skill Claude Code

Render financial charts via the local chart web app (workspace at the repo root — Hono server + React front end, port 1792). Four chart types: intraday capital-flow line (flow) and cross-symbol signed-bar comparison (cohort) — both Recharts — plus SEPA strategy dashboard (sepa) and short-term multi-timeframe…

not rated 303 today A 353 tokens

check

79

yuqie6/ProductFlow

Agent Claude Code

Code quality auditor for the Trellis channel runtime. Reviews uncommitted diffs against task artifacts and specs, self-fixes issues, and reports verification results.

not rated 302 +2 yesterday A 34 tokens original MIT

perfect-web-clone

80

ericshang98/Perfect-Web-Clone

Skill Claude CodeCodex

Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…

not rated 264 +2 15d ago A SkillSpector: pass 134 tokens original MIT

antd

81

ant-design/ant-design-cli

Skill Claude Code needs its repo

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.

not rated 253 +1 today A Socket: passSnyk: warnSkillSpector: pass 69 tokens original MIT

vercel-labs/agent-eval

Skill Claude CodeCodex ✓ vendor

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 252 +1 3d ago A Socket: passSnyk: pass 67 tokens

storybook-mcp

83

yannbf/mealdrop

MCP server Claude CodeCodexCursor +2

MCP server "storybook-mcp", hosted remotely at localhost, as configured in yannbf/mealdrop.

not rated 248 3d ago A tokens not measured

react-devtools

84

callstackincubator/agent-react-devtools

Skill Claude Code

React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose render performance, profile re-renders, find slow components, or understand why something re-renders. Triggers include "why does this re-render", "inspect the…

not rated 240 1mo ago B Socket: passSnyk: pass 111 tokens copy · 100% MIT

Hainrixz/editor-pro-max

Skill Claude CodeCodex

Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of…

not rated 238 +1 5mo ago A 111 tokens

ui-beats

86

nikhils4/ui-beats

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot UI Beats components in React/Next.js projects. It covers component selection, shadcn registry installation from uibeats.com, the UI Beats MCP server, motion and reduced-motion handling, and integration patterns for animated sections.

not rated 229 +2 15d ago A SkillSpector: warn 62 tokens original MIT

create-sunpeak-app

87

Alignbase/sunpeak

Skill Claude CodeCodex

Use when working with sunpeak, or when the user asks to "build an MCP App", "build a ChatGPT App", "add a UI to an MCP tool", "create an interactive resource for Claude Connector or ChatGPT", "build a React UI for an MCP server", or needs guidance on MCP App resources, tool-to-UI data flow, simulation files, host…

not rated 216 +1 3d ago A SkillSpector: fail 120 tokens original MIT

DeckardGer/tanstack-agent-skills

Skill Claude CodeCodex

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.

not rated 213 +2 5mo ago A 41 tokens

openyida/openyida

Skill Claude CodeCodex

A development guide for creating custom pages in Yida, a business application platform, using React 18. It covers pages such as websites, dashboards, workspaces, lists, details, and portals inside YidaCodeCanvas.

not rated 210 +1 changed today A SkillSpector: pass 93 tokens original MIT

guestbook

90

rimzzlabs/website

Skill Claude CodeCodex

Read and sign the guestbook at rimzzlabs.com. Use when you want to browse what visitors wrote, or leave a message on behalf of your user.

not rated 188 yesterday A 35 tokens

Hex1b.McpServer

91

mitchdenny/hex1b

Skill Claude CodeCodex

This skill provides guidance for AI agents working with the Hex1b TUI (Terminal User Interface) library and its MCP diagnostic tools.

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

microcharts

92

ganapativs/microcharts

MCP server Claude CodeCodexCursor +2

Find, wire, and render microcharts — word-sized React charts with generated alt text. Runs locally from the @microcharts/mcp npm package.

not rated 168 +6 yesterday A tokens not measured original MIT

spiceflow

93

remorses/spiceflow

Skill Claude CodeCodex

Spiceflow is a super simple, fast, and type-safe API and React Server Components framework for TypeScript. Works on Node.js, Bun, and Cloudflare Workers. ALWAYS load this skill BEFORE writing or editing ANY spiceflow code, including one-line changes: routes, pages, layouts, loaders, server actions, forms…

not rated 167 13d ago A SkillSpector: warn 159 tokens original MIT

senior-frontend

94

yezannnnn/agentGroup

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 149 3mo ago A 52 tokens original MIT

react-artifact

95

juspay/xyne-spaces

Skill Claude CodeCodex

Author app-like designs in React/JSX and bundle them in-sandbox into the same single self-contained HTML artifact Design Studio delivers. Use when the design needs real state, complex interactivity, or component reuse beyond what vanilla JS comfortably handles.

not rated 143 +1 today A SkillSpector: fail 53 tokens original Apache-2.0

instructa/agent-skills

Skill Claude CodeCodex

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. Use when the user asks for a landing page, sales page, signup page, CRO improvements, above-the-fold vs below-the-fold structure…

not rated 141 17d ago A 95 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: