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.
figueroaignacio/ignaciofigueroa.dev
Skill Claude Code
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
Skill Claude CodeCodex
Reference for UI components in Elvia's design system ("Elvis"). Covers component-specific guidelines for sizing, coloring, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia frontend, even if the request doesn't name…
Skill Claude Code
TheoKit agent/LLM integration — agents/.ts convention (AgentBuilder), the tool() builder, capabilities (advanced/DI), useAgent client hook.
Skill Claude CodeCodex
The operating system for elite software engineering in TypeScript, React, and Next.js. Enforces the cognitive models, architecture laws, type-level patterns, component design, visual standards, and performance mandates that separate exceptional software from the ordinary — grounded in named sources (Torvalds…
djblack1209-coder/OpenClaw-Bot
Skill Claude CodeCodex
Product Spec Builder that helps PMs generate clear, structured, testable PRDs. Creates both full and lightweight specs for any product or platform with a guided step-by-step workflow. Output in English Markdown format.
Skill Claude CodeCodex
A way to create videos with code using Remotion, a framework where React components describe each video frame and its behavior. It supports programmatic videos, animations, subtitles, music visualisations, tutorials, 3D scenes, and data-driven content.
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude Code
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…
Luispitik/salgadoia-web-design-engineer-pro
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Schoepplake/framer-motion-skill
Plugin Claude Code
Bundles 1 skill · 135 tokens together
Production-grade animation patterns for React/Next.js using Motion (Framer Motion).
Skill Claude CodeCodex
Use when finishing a feature, fixing a bug, before committing React code, or when the user types /doctor, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.
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…
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…
Skill Claude CodeCodex
A skill that turns plain-language descriptions into GlyphWeave tilemap files. A tilemap is a grid-based map made from tiles such as walls, floors, doors, and decorations.
darkyzhou/carbon-design-guidelines
Skill Claude CodeCodex
Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…
Plugin Claude Code
Bundles 1 skill · 74 tokens together
Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript inference, or infinite render loops.
Skill Claude CodeCodex
Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use this skill whenever the user asks about request an api, fetch data, alova client-side usage including setup, refetch data cross component, or any alova/client…
AshokNaik009/ashknk-marketplace
Plugin Claude Code
Bundles 1 command · 17 tokens together
Generate a complete Full Stack AI App boilerplate with FastAPI backend, React frontend, and ShadCN UI components.
Skill Claude CodeCodex
A Remotion-based video creation skill for defining videos with React components. Remotion is a framework that turns code into rendered video, including animations, subtitles, music visualizations, and 3D scenes.
Skill Claude CodeCodex
Opinionated guide for building data-heavy React applications — dashboards, trading UIs, analytics tools. Based on the 2025/2026 React ecosystem and our actual stack (React 19 + Vite + TypeScript + ...
MCP server Claude CodeCodexCursor +2
React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.
Skill Claude Code
Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.
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…
Skill Claude Code
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features…
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: