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.
Skill Claude CodeCodex needs its repo
Generate Astryx design system components, themes, and layouts for React 19 applications. Use when building UIs with @astryxdesign/core, creating or extending themes with defineTheme, styling components with StyleX or Tailwind, scaffolding pages from templates, migrating from shadcn or Radix, or working with the Astryx…
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.
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.
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…
Skill Claude CodeCodex
Use web-ai-sdk documentation and package references to build with the Web AI surface.
Skill Claude CodeCodex
Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.
MCP server Claude CodeCodexCursor +2
Read and manage Churnkey cancel flows, retention metrics, and payment recovery. Remote server at mcp.churnkey.co.
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…
leejpsd/typescript-react-nextjs-patterns
Skill Claude CodeCodex
Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review.…
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".
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 193 tokens together
Make, edit and embed dotted world maps and 3D globes. Bundles the globestudio skill with the hosted Globestudio MCP server.
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…
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.
Skill Claude CodeCodex
Build Veryfront apps. Use for real-time errors, route preview, HMR control, and scaffolding pages/APIs/components/AI tools.
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.
Webba-Creative-Technologies/forge
Skill Claude Code
Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.
Skill Claude Code
A guide to modern React development with JavaScript or TypeScript. React is a library for building web interfaces from reusable components; the guide covers hooks, forms, server-rendered components, actions, suspense, and newer React 19 features.
dekitproject/ux-ui-promax-skill
Plugin Claude Code
Bundles 7 skills · 717 tokens together
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…
Skill Claude CodeCodex
Design and build production-grade frontend interfaces, context first - capture PRODUCT.md (strategy) and DESIGN.md (visual system), pull reusable tokens into a design system, and apply shared UX/UI rules (color, typography, layout, motion, accessibility, anti-patterns) for brand and product surfaces. Its capabilities…
Just-Agent/just-progress-bar-skill
Skill Claude CodeCodex needs its repo
Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.
Skill Claude CodeCodex
Use when building a frontend and the user wants a distinctive / animated / "wow" UI element in React + Tailwind - e.g. a laptop-opening-on-scroll, 3D tilt card, spotlight hero, animated beams/background, marquee, bento grid, interactive globe, meteor/particle background, shimmer button, or scroll/reveal motion.…
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).
GrishaAngelovGH/gemini-cli-agent-skills
Skill Claude CodeCodex needs its repo
Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.
Plugin Claude Code
Bundles 4 skills · 246 tokens together
Comprehensive guide for using Formily as a React form solution with TypeScript and Ant Design.
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: