4,124 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.
MCP server Claude CodeCodexCursor +2
MCP server for its-just-ui React component library - Generate, customize, and document UI components with AI. Runs locally from the its-just-mcp npm package.
CaullenOmdahl/Nextjs-React-Tailwind-Assistant
MCP server Claude CodeCodexCursor +2
MCP server "nextjs-react-tailwind-assistant-mcp-server" as configured in CaullenOmdahl/Nextjs-React-Tailwind-Assistant. Runs locally from the nextjs-react-tailwind-assistant-mcp-server npm package.
AmazonAppDev/devices-agent-skills
Skill Claude CodeCodex
React Native TV UI best practices for tvOS, Android TV, Fire TV, and Vega OS (covers react-native-tvos and @amazon-devices/react-native-kepler). Use when reviewing or building TV UI — focus management (TVFocusGuideView, hasTVPreferredFocus, trapFocus, FocusManager, Navigable, useTVEventHandler), D-pad / RCU…
MarcusViniciusBarcelos/uiux-tools-react-mui
MCP server Claude CodeCodexCursor +2
MCP Server with UX/UI best practices for React + Material-UI (Nielsen Heuristics, Cognitive Biases, Apple Design, Responsive patterns). Runs locally from the @marcusbarcelos/uiux-tools-react-mui npm package.
ca-who-codes/ultimate.UIUX.design.skills
Plugin Claude Code
Bundles 1 skill, 6 commands, 4 agents · 731 tokens together
World-class, one-stop design intelligence for coding agents across two tracks: interfaces (web/apps, components, design systems, the modern React+Tailwind+shadcn stack) AND visual/marketing design (presentations & decks, social carousels & posts, ads, A4/A3 posters, flyers, business cards, event banners…
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…
MCP server Claude CodeCodexCursor +2
Install & correctly use appCN React Native / Expo components, streamed from the live registry. Runs locally from the @app-cn/mcp npm package. Needs 1 environment variable to run.
Plugin Claude Code
Agent settings configuring schemaversion, skills.
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 83 tokens together
TaskTime Pro is a free, open-source, local-first work manager for freelancers, covering tasks, timers, expenses, invoices, and reports. Core use requires no TaskTime account or cloud sync, works offline after the PWA is loaded or installed, and stores work records in the browser. This first-party TaskTime Pro skill…
Skill Claude CodeCodex
Build Zalo Mini Apps - lightweight React web apps running inside the Zalo super-app. Use for Zalo Mini App setup, zmp-cli/devtools, ZaUI 1.11.x components, zmp-sdk APIs, permissions, token-based phone number flow, user info, storage, local file storage, camera/media, document preview, payment/Checkout, Open APIs…
skillsdirectory/awesome-ai-skills
Skill Claude CodeCodex
Build reusable, accessible, performant React components with hooks, composition patterns, and modern best practices. Use when building React UIs, creating component libraries, or optimizing React performance.
Plugin Claude Code
Bundles 17 skills, 11 commands, 4 agents, 3 hooks · 2,429 tokens together
Full-stack Next.js development: App Router patterns, TypeScript engineering, Supabase/PostgreSQL/MySQL database integration, Prisma ORM, API design and scaffolding, authentication and authorization, Framer Motion animations, quality gate enforcement, and security scanning.
Skill Claude CodeCodex
Use before you execute and edit any codes related to React Framework and developing ecosystem.
ByeongminLee/nextjs-claude-code
Plugin Claude Code
Bundles 9 skills, 49 agents · 2,877 tokens together
NCC — Spec-Driven AI workflow for Next.js & React. Define features with /spec, implement with /dev, force-complete with /loop.
Skill Claude CodeCodex
Install and configure Bridge UI React — Tailwind v4 theme CSS, BridgeUIProvider, component defaults, icon, i18n and date adapters, BridgeUIHosts, useBridgeUI. Use when scaffolding Bridge, wiring the provider, or fixing missing theme / hosts / adapters.
Skill Claude CodeCodex
Generate a React component following project conventions, co-located tests, and shadcn/ui patterns.
maxmash1/dotnet-react-starter-demo
Agent Claude Code
Migrates Classic ASP pages to modern .NET 8 Web API + React 18 TypeScript — full-stack analysis, backend scaffolding, frontend creation, and security hardening.
Skill Claude CodeCodex
Guides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connection, network switching, multi-chain support, or troubleshooting AppKit integration issues.
syncfusion/react-ui-components-skills
Skill Claude CodeCodex
Comprehensive guide for implementing Syncfusion React input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, RangeSlider, ColorPicker, MaskedTextBox, and Rating. Use this when building file upload UIs with async/chunk uploads, drag-and-drop functionality, numeric inputs…
MCP server Claude CodeCodexCursor +2
React Native Expo MCP server - forked and expanded with expert code remediation, advanced refactoring, modular architecture, and comprehensive testing. Professional development companion for React Native teams with upcoming Expo, ADB, and iOS tool integra. Runs locally from the @divagnz/mcp-react-native-expo npm…
KalinYorgov/RN-upgrade-helper-MCP
MCP server Claude CodeCodexCursor +2
MCP server "react-native-upgrade-helper-mcp" as configured in KalinYorgov/RN-upgrade-helper-MCP. Runs locally from the react-native-upgrade-helper-mcp npm package.
Plugin Claude Code
Read logs, inspect state, monitor network requests, and run custom commands in your React or React Native app via Reactotron.
Plugin Claude Code
Bundles 45 skills · 3,584 tokens together
Engineering best-practice skills for Go, TypeScript, Python, React, Angular, Next.js, and NestJS — covering architecture, error handling, logging, testing, HTTP frameworks, async patterns, forms, and state management.
trin-zenityx/21st-dev-builder-v2
Skill Claude CodeCodex
Build websites and web apps using 21st.dev — the largest marketplace of shadcn/ui-based React Tailwind components with 1400+ components. Use when user mentions "21st.dev", "21st", "ใช้ 21st", "จาก 21st", "build with 21st", "21st component", "21st magic MCP", or references the 21st.dev component registry in any…
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: