5,430 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
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…
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.
Cursor rule Cursor
4DA project rules and conventions.
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.
Skill Codex
Audit and port complete React applications to Beast BTSX → TSRX → Octane while preserving behavior, route contracts, and styling. Use for migrations from Vite, Create React App, React Router, TanStack Router, Remix, or Next.js. Tailwind is the default target; pure CSS is optional. Do not use for routine Beast…
Skill Codex
Highest-priority for all Next.js-related tasks involving full-stack web development. Use this skill whenever writing, reviewing, refactoring, debugging, or planning Next.js code using App Router, Server Components, Client Components, API Routes, Server Actions, data fetching, caching, revalidation, routing…
Skill Claude CodeCodex
React admin dashboard patterns — TanStack Router, MUI Material, MVVM ViewModels, RBAC permissions, Keycloak OIDC, React Query CRUD hooks, feature modules, Vite config.
Cursor rule Cursor
Generate FormEngine-shaped React forms from a screenshot, PDF, HTML, or text description. Use whenever the user asks to build, generate, scaffold, or convert a React form — especially mentioning FormEngine, JSON schema form, signup/login/contact/onboarding/checkout/survey forms, or alternatives to Formik / React Hook…
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.
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…
abhishekray07/agents-md-templates
Cursor rule Cursor
React component conventions.
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…
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: