React

5,452 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.

vowel-react

433

usevowel/skills

Skill Claude CodeCodex

Initialize vowel.to voice agent in React applications (React 19+, Next.js, TanStack Router, React Router) with complete setup including adapters, providers, hooks, and custom actions. Use when setting up voice agent integration, configuring navigation adapters, implementing custom voice actions, or integrating state…

not rated 2 3mo ago A 83 tokens

react-i18next

434

yildizberkay/skills

Skill Claude CodeCodex

How to implement internationalization (i18n) in React applications using react-i18next and i18next. Use this skill whenever the user wants to add multi-language support to a React app, translate UI content, set up i18next configuration, use the useTranslation hook, withTranslation HOC, Trans component, handle…

not rated 2 6mo ago A 177 tokens original Apache-2.0

form-patterns

435

retrip-ai/agent-skills

Skill Claude Code

React Hook Form patterns with Zod validation. Use when implementing forms, validation schemas, form state management, edit forms with unsaved changes, or array fields.

not rated 2 7mo ago A 36 tokens

yend724/agent-skills

Skill Claude CodeCodex

React component design conventions focusing on Server/Client component boundaries, composition patterns, and data flow. Auto-triggers when writing or modifying React components to ensure correct RSC patterns and optimal component architecture.

not rated 2 3mo ago A 44 tokens

lenis-react

438

KailasMahavarkar/agentic-skills

Skill Claude Code

Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…

not rated 2 4mo ago A 84 tokens

arraydude/agent-skills

Skill Claude CodeCodex

React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series.

not rated 2 1mo ago A 62 tokens original MIT

frontend-agent-skills

440

jcarroll2007/Frontend-Agent-Skills

Skill Claude CodeCodex

How to architect frontend features in React + TypeScript apps. Use when planning or building a new frontend feature — deciding structure, component breakdown, data fetching, state, and file placement.

not rated 2 2mo ago A 42 tokens

rn-architecture

441

cmaranho/rn-agent-skills

Skill Claude CodeCodex

Estrutura a arquitetura de um app React Native seguindo Clean Architecture — camadas, fluxo de dados unidirecional, módulos coesos e limites claros. Use ao criar módulos/features, definir estrutura de pastas ou organizar o fluxo dados→UI.

not rated 2 2mo ago A 55 tokens original MIT

olakunlevpn/olakunlevpn-react-skills

Skill Claude CodeCodex

Use when writing, reviewing, or refactoring React or Next.js code — components, hooks, state management, testing, performance, TypeScript patterns, server components, or project structure. Always apply these standards to all React work.

not rated 2 5mo ago A 54 tokens original MIT

pencil

444

Gyejoon/pencil-plugin

Plugin Claude Code

Bundles 2 skills, 5 commands, 2 agents · 263 tokens together

A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.

not rated 2 7mo ago A tokens not measured

figma-to-code

445

bazingga08/figma-to-code

Plugin Claude Code

Bundles 1 skill, 1 command · 155 tokens together

Convert Figma designs to pixel-perfect production code via REST API pre-extraction. Supports React, React Native, and Flutter — handles designs of any size.

not rated 2 5mo ago A tokens not measured

mcp-app-builder

447

hollaugo/prompt-circle-marketplace

Skill Codex

Build new MCP Apps (MCP servers with React UI output) using @modelcontextprotocol/ext-apps and the MCP SDK. Use when asked to scaffold or implement MCP App servers, add UI-rendering tools/resources, or migrate a standard MCP server to an MCP App with Vite single-file UI bundles.

not rated 2 7mo ago A 67 tokens

muhkoo-app-builder

448

muhkoo/builder

Plugin Claude Code

Bundles 1 skill · 125 tokens together

Describe an app idea in plain language and build it end-to-end on Muhkoo: provision the backend (app key, database tables, channels, agents, serverless functions), scaffold a Vite + React client against @muhkoo/connect, verify it with a live Cypress suite, give it a responsive distinctive design, and host it at .

not rated 2 2mo ago A tokens not measured original MIT

agora

450

agora-oss-org/agora-plugins

Plugin Claude Code

Bundles 1 skill · 99 tokens together

Build apps on the Agora SDK (@agora-sdk/): provider+hooks model for comments, reactions, feeds, auth, chat, spaces — plus the fork's divergences from upstream Replyke. Skills look things up via a bundled API surface, the consumer's installed .d.ts, and (optionally) the Replyke docs, so they work offline.

not rated 2 3mo ago A tokens not measured original Apache-2.0

frontend-patterns

451

liuchiawei/agent-skills

Skill Claude CodeCodex

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

not rated 2 6mo ago A 24 tokens

socialforge

452

moses607/socialforge

Plugin Claude Code

Bundles 20 skills · 2,154 tokens together

17 composable social-media growth skills + an orchestrator. Analyze competitors, nail your audience, generate hooks and scripts, repurpose one video into 30+, ride trends, boost engagement, and adapt across every platform. Works with Claude and any capable model.

not rated 2 1mo ago A tokens not measured original MIT

react-spectrum-s2

454

zzci/skills

Skill Claude CodeCodex

Build UIs with React Spectrum S2 (Spectrum 2), Adobe's component library for React. Use when developers are using @react-spectrum/s2 or need Adobe design system components. Includes React Aria Components docs as a reference for building custom components on top of unstyled primitives.

not rated 2 today A 64 tokens

premium-web-design

455

mrDesign-ww/vault-os

Skill Claude CodeCodex

Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…

not rated 2 3d ago A 196 tokens original MIT

glue-code-generator

456

Maverick7/mcp-glue-code-generator

MCP server Claude CodeCodexCursor +2

Maps API JSON to Vue/React components with Zod schemas and live UI previews. Runs locally from the mcp-glue-code-generator npm package.

not rated 1 5mo ago A tokens not measured

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: