4,121 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.
Skill Claude Code
A collection of recommended practices for React, a JavaScript library for building user interfaces. It covers ways to avoid request delays and place asynchronous work and Suspense boundaries effectively.
vola-trebla/react-render-profile-mcp
MCP server Claude CodeCodexCursor +2
Decodes React DevTools Profiler exports into render summaries and memoization advice for AI agents. Runs locally from the react-render-profile-mcp npm package.
Skill Claude CodeCodex
Build CLI applications using React. Use when creating terminal UIs, handling keyboard input, or building interactive command-line tools with React components. Supports flexbox layouts, text styling, focus management, and accessibility.
chayan-1906/Claude-Lens-Next.js
MCP server Claude CodeCodexCursor +2
Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.
Plugin Claude Code
Bundles 3 skills · 292 tokens together
Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).
alexconner-79/high-plains-drifter
Skill Claude CodeCodex
Align a design to your real Storybook components instead of reconstructing it. Use when turning a Figma frame into React built from an existing component library (Build mode), or when pulling scrappy exploratory code into line with the library once a direction feels right (Align mode). Triggers include "build this…
Skill Claude CodeCodex
Visual helper for react-joyride in any React + Vite repo. /joyride-studio init scaffolds an in-browser capture inspector, the tour runtime, and a vite plugin. /joyride-studio start enables authoring so developers click real elements in the running app to define tour targets. /joyride-studio turns captures into a wired…
Skill Claude CodeCodex
Use when building, configuring, styling, or modifying any SVAR React UI component from the @svar-ui/react- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.
CodingCossack/tanstack-start-rsc-skill
Skill Claude CodeCodex
Implement, review, debug, and refactor TanStack Start React Server Components in React 19 apps. Use when tasks mention @tanstack/react-start/rsc, renderServerComponent, createCompositeComponent, CompositeComponent, renderToReadableStream, createFromReadableStream, createFromFetch, Composite Components, React Flight…
Philotheephilix/reactbits.dev-skill
Skill Claude CodeCodex
Use when adding an animated UI component, text effect, cursor/hover effect, or WebGL/canvas background to a React project via React Bits (reactbits.dev) — or when asked to recall/write a React Bits component's code, props, or install steps from memory instead of fetching it.
MCP server Claude CodeCodexCursor +2
MCP server for daisyUI React components — search docs, props, and code examples from any AI coding assistant 🌼. Runs locally from the daisyui-mcp-server npm package.
Plugin Claude Code
Bundles 1 skill · 391 tokens together
Authoritative, version-pinned offline reference for Expo SDK 56 and SDK 57. One skill, 21 bundled API references, covering both building on either release and the 55→56 / 56→57 migrations. SDK 57 is current (57.0.8, RN 0.86); SDK 56 is the previous supported release (56.0.17, RN 0.85). Audited against expo/expo source.
thomascasali/claude-kb-workflow
Skill Claude CodeCodex
Crea presentazioni interattive per lezioni scolastiche ITIS usando React via CDN, dark theme, simulatori interattivi, e quiz. Due approcci consolidati: CDN-based (zero build, HTML puri) e Build-based (Vite+TS+Tailwind). Deploy su GitHub Pages. Progetto di riferimento: presentazione-vpn (Mar 2026).
Skill Claude Code
Production conventions for TanStack Query (React Query): a five-file feature folder (types/requests/keys/queries/mutations), queryOptions() key factories with a single all() root per feature for hierarchical invalidation, QueryConfig/MutationConfig type helpers, optimistic updates with rollback, and useInfiniteQuery…
MCP server Claude CodeCodexCursor +2
MCP server for HeroUI component documentation via Model Context Protocol. Runs locally from the @heroui/react-mcp npm package.
Skill Claude CodeCodex
R-Code can be available as a local MCP server named r-code. Use it only when the user asks you to delegate a focused investigation to R-Code's own Agent.
Skill Claude CodeCodex
Extend this cloned Helios example app — add new controls, scenes, knobs, image flows, or features on top of @reactor-models/helios (pinned to ^0.9.0) without breaking the patterns the existing code already uses. Covers the SDK's connection / events / messages model, the phase-based UI architecture, the state snapshot…
Skill Claude Code
Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons…
Plugin Claude Code
Bundles 2 skills · 143 tokens together
Build graphs with the Graphy SDK (@graphysdk/viz-engine + @graphysdk/react-renderer), install or set it up in a React codebase, and make Graphy charts editable — commands, undo/redo, annotations, the optional editor panel. Activates on requests to author Graphy graphs, to install, configure or fix a Graphy install, or.
Skill Claude CodeCodex
Convert a selected shadcncraft Figma frame, component, or full page into production React + shadcn/ui code via the official Figma MCP. Use this whenever the user wants to turn a Figma design into code, implement a frame, "generate code from this design", "convert this Figma component", "build this screen from Figma"…
Skill Claude CodeCodex
Builds, fixes, styles, and composes UI with the Gravity UI design system — the React ecosystem of @gravity-ui/ packages (uikit, charts, table, navigation, date-components, icons, and more). Routes to the correct package when look-alikes exist, applies theming and required setup, and prevents invented component APIs.…
Skill Claude CodeCodex
Scaffolds necessary Next.js App Router file conventions and route-level SEO metadata (page.tsx, layout.tsx, error.tsx, not-found.tsx, loading.tsx, default.tsx, global-error.tsx, metadata, generateMetadata, canonical, robots, openGraph, twitter) for a given route path. Checks existing files, reads them for context, and…
Command Claude Code
OS 7.1 orchestrator entrypoint for Django + React TypeScript full-stack tasks.
Skill Claude Code
Use when building React components with @n4s/xcomponent, converting MobX observer/useEffect code to X, X.useState, Value, Value.Async, Value.Boxed, Value.Bool, lifecycle hooks, observable props, or component composition with .with().
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: