React

4,027 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.

foxted/rsc-boundary

Instructions file CodexOpenCode

Instructions for foxted/rsc-boundary, covering agents.md — rsc boundary, purpose, layout, stack and commands (repo root).

not rated 126 1mo ago A 1,189 tokens original MIT

tanstack-query

122

bskimball/tanstack-hono

Skill Claude CodeCodex

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

not rated 119 +1 24d ago A 33 tokens original MIT

r3f-animation

125

EnzeD/r3f-skills

Skill Claude CodeCodex

Animate React Three Fiber objects with useFrame, damping, and GLTF clips. Use for procedural motion, animation transitions, or demand-loop animation; use physics guidance for collision-driven movement.

not rated 114 changed yesterday A 42 tokens

design-to-code

126

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

not rated 113 3mo ago A 52 tokens original Apache-2.0

add-language

128

ZoneMinder/zmNinjaNg

Skill Claude CodeCodex

Use when adding a new interface language (locale) to the app, or when asked to translate the UI into another language. Covers the translation file, the two language pickers, the i18n resources, and the user doc that names the available languages.

not rated 108 yesterday A 55 tokens original Apache-2.0

xray-ui-dev

129

bropines/xray-config-ui-editor

Skill Claude CodeCodexGemini CLI

Development and maintenance of Xray Config UI Editor. Use this skill when modifying the React frontend, Zustand store, Xray-core configuration logic, or Remnawave integration.

not rated 109 changed yesterday A 40 tokens original MIT

YUST777/verdict-community

Skill Claude CodeCodexGemini CLI

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…

not rated 103 3mo ago A 67 tokens copy · 81% MIT

expressive-mvc

131

gabeklein/expressive-mvc

Skill Claude CodeCodex

Class-based reactive state management for React (Expressive MVC). Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, choosing state ownership (State vs Component, has-pool domain rows, region controllers), dependency snapshots, presence boundaries with…

not rated 103 15d ago A 82 tokens original MIT

marcoturi/react-redux-boilerplate

Instructions file CodexOpenCode

AGENTS.md instructions for marcoturi/react-redux-boilerplate, covering agents.md, project overview, setup commands, testing and linting, formatting, and type checking.

not rated 103 yesterday A 1,682 tokens original MIT

spica-engine/spica

Instructions file GitHub Copilot

Atomic Design methodology for organizing React components. Enforces strict rules for Atoms, Molecules, Organisms, Templates, and Pages — including what state, styling, and data-fetching each level is allowed.

not rated 100 10d ago A 1,815 tokens AGPL-3.0

lensflare CLAUDE.md

134

voidhashcom/lensflare

Instructions file

Instructions for voidhashcom/lensflare, covering effect best practices, local effect source and ui components.

not rated 98 2mo ago A 237 tokens original MIT

agent-elements

135

21st-dev/agent-elements

Skill Claude CodeCodex

Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from @/components/agent-elements/ or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat"…

not rated 98 +1 4mo ago A 142 tokens original MIT

patternfly/patternfly-react-seed

Instructions file CodexOpenCode

Instructions for patternfly/patternfly-react-seed, covering agent instructions (patternfly react seed), what this project is, stack, commands to run before you consider work done and repository layout.

not rated 97 25d ago A 916 tokens original MIT

sergiodxa/agent-skills

Skill Claude CodeCodex

React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.

not rated 91 7mo ago A 53 tokens original MIT

cursorrules

138

AmoabaKelvin/logdeck

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 84 21d ago A 43 tokens GPL-3.0

animate

139

delphi-ai/animate-skill

Skill Claude CodeCodex

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

not rated 84 7mo ago A 54 tokens

nerv-ui

140

mdrbx/nerv-ui

Skill Claude CodeCodex

Build original, accessible React command-center interfaces with the published @mdrbx/nerv-ui component library. Use for dashboards, monitoring terminals, operational tools, authentication screens, or sharp industrial HUD-style UI in React, Vite, or Next.js.

not rated 82 7d ago A 54 tokens original MIT

tmuxy CLAUDE.md

141

flplima/tmuxy

Instructions file

Claude Code instructions for flplima/tmuxy, covering tmuxy, project structure, cli usage, pane operations and tab operations.

not rated 82 changed today A 4,935 tokens original MIT

aurorascharff/nextjs-app-architecture-skill

Skill Claude CodeCodex

Build or audit Next.js 16 App Router apps using a next-beats-style React Server Components architecture. Use when scaffolding a new app, adding a feature, reviewing an existing app, refactoring route-loader-shaped pages into feature-owned async server components, deciding where queries/actions/components live, keeping…

not rated 82 4d ago A 145 tokens original MIT

effect-best-practices

143

Makisuo/skills

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.

not rated 79 1mo ago A 45 tokens original MIT

Nerve Development

144

ClickHouse/nerve

Skill Claude CodeCodex ✓ vendor

Nerve backend (Python) and frontend (React/TS) development and code contribution. Use when writing Python code for Nerve, fixing bugs, adding features, reviewing Nerve PRs, building the frontend, running tests, or working with the Nerve codebase. Triggers on "nerve code", "nerve PR", "fix nerve", "nerve feature"…

not rated 78 yesterday A 96 tokens original Apache-2.0

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: