React skills

2,574 tagged React, measured the same way as everything else here.

Browse within: javascript 184nextjs 153nodejs 84open-source 76angular 63ab-testing 60cms 60video 59graphql 57serverless 55ui 55design-system 53shadcn-ui 52ai-coding 51

dashboard-patterns

241

ilyasibrahim/claude-agents-coordination

Skill Claude CodeCodex

Reusable React/JavaScript patterns for Somali dialect classifier dashboard. Covers Chart.js integration, data card components, filter patterns, responsive layouts, and dashboard-specific UI patterns. Auto-invokes when building dashboard components, charts, data visualizations, or dashboard UI.

not rated 83 3mo ago A 56 tokens original Unlicense

agent-debug-ci

242

NVIDIA/elements

Skill Claude CodeCodex ✓ vendor

Investigate failed scheduled or nightly GitHub Actions runs on the default branch, determine whether the failure is reproducible and repository-owned, implement the smallest evidence-backed fix, validate it, and open a pull request. Use when a failed nightly CI event starts an agent, or when the standard CI or…

not rated 85 today A 80 tokens original Apache-2.0

agent-dependencies

243

NVIDIA/elements

Skill Claude CodeCodex ✓ vendor

Perform one conservative dependency or toolchain upgrade in the Elements monorepo and open a validated pull request. Use for nightly or unattended dependency maintenance, outdated package checks, first-party actions/ GitHub Actions updates, and pinned mise tool updates. Use the github-dependabot skill instead when the…

not rated 85 today A 73 tokens original Apache-2.0

agent-upkeep

244

NVIDIA/elements

Skill Claude CodeCodex ✓ vendor

Perform one small, scoped maintenance improvement to the Elements monorepo and open a single reviewable pull request. Use this skill for scheduled or unattended upkeep runs that improve unit test coverage for one file, fix one behavioral bug in one module, or move one off ESLint rule toward enforcement to reduce…

not rated 85 today A 115 tokens original Apache-2.0

react-router-v7

245

proyecto26/projectx

Skill Claude CodeCodex

React Router v7 full-stack development with SSR. Use when working with routes, loaders, actions, SSR, Form components, fetchers, navigation guards, protected routes, URL search params, or the web app in apps/web.

not rated 83 4mo ago A 51 tokens original MIT

nerv-ui

246

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 6d ago A 54 tokens original MIT

effect-best-practices

247

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

vibeshell

248

veithly/vibeshell

Skill Claude CodeCodex

Use the native VibeShell CLI to manage saved SSH servers, persistent sessions, remote commands, SFTP transfers, remote files, and SSH configuration imports without requiring the desktop UI.

not rated 76 8d ago A 40 tokens original MIT

react-native-convert

249

HuolalaTech/huolala-figma-mcp

Skill Claude CodeCodex

A conversion guide for turning HTML or Figma designs into React Native code for mobile apps. It covers the code files, styles, names, interactive states, and repeated content.

not rated 77 2mo ago A 63 tokens original Apache-2.0

react-vue-H5-convert

250

HuolalaTech/huolala-figma-mcp

Skill Claude CodeCodex

A conversion guide for turning an HTML design export into H5 mobile web code, React code, or Vue code. H5 means a web page designed for mobile browsers; React and Vue are tools for building user interfaces.

not rated 77 2mo ago A 51 tokens original Apache-2.0

frontend-patterns

251

YuxiaoWang-520/harness-craft

Skill Claude CodeCodex

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

not rated 73 4mo ago A 24 tokens

frontend-patterns

252

JasonxzWen/harness-hub

Skill Claude CodeCodex

Load when a task needs React or Next.js frontend logic, component patterns, state, forms, routing, accessibility, or responsive behavior; use frontend-design for visual direction.

not rated 72 1mo ago A 38 tokens

arco-design

253

arco-design/arco-design-skill

Skill Claude CodeCodex

Arco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to build a page, create a UI, write frontend code, develop a web application, design a dashboard, or implement any React interface — especially when they mention Arco, arco-design, @arco-design/web-react…

not rated 69 +3 3mo ago A 140 tokens original MIT

frontend-patterns

254

tan-yong-sheng/triliumnext-mcp

Skill Claude CodeCodex

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

not rated 68 5mo ago A 24 tokens

mdma-integration

255

MobileReality/mdma

Skill Claude CodeCodex

Integrate MDMA into an application and build features with it — wire up parsing, the runtime store, React rendering, LLM streaming, custom components, prompts, and CI validation. Use this skill when the user asks to add MDMA to an app, build a chat that streams MDMA, author or maintain a custom prompt, validate MDMA…

not rated 66 24d ago A 111 tokens original MIT

no-use-effect

256

alejandrobailo/no-use-effect

Skill Claude CodeCodex

ALWAYS ACTIVE. Enforces a strict no-direct-useEffect rule in React and React Native code. Never write useEffect directly — use derived state, event handlers, useMemo, useSyncExternalStore, data-fetching libraries, key-based resets, or useMountEffect instead. Triggers on all React component code: writing new…

not rated 65 +1 5mo ago A 107 tokens

suxrobGM/jobpilot

Skill Claude CodeCodex

Migrate a React @tanstack/react-form codebase from the prop-drilled useForm + erased-form-type pattern to the official createFormHook composition API (useAppForm / withForm / field.X). Use when a project threads a form object (often cast to an any-erased type like ReactFormExtendedApi ) through field-wrapper…

not rated 60 14d ago A 158 tokens original MIT

pcf-controls

258

DanielKerridge/claude-code-power-platform-skills

Skill Claude CodeCodex

Use when building, deploying, or using PowerApps Component Framework (PCF) controls. Covers field controls and dataset controls, React virtual controls, control lifecycle, manifest configuration, solution packaging, and deployment. Triggers on: "pcf", "custom control", "component framework", "dataset control"…

not rated 60 6mo ago A 104 tokens

udecode/plate-template

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…

not rated 59 2mo ago A 67 tokens copy · 92% MIT

coding-standards

260

NomaDamas/girlfriend-in-cli

Skill Claude CodeCodex

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

not rated 59 17d ago A 28 tokens

mantine-combobox

261

mantinedev/skills

Skill Claude CodeCodex

Build custom dropdown/select/autocomplete/multiselect components using Mantine's Combobox primitives. Use this skill when: (1) creating a new custom select-like component with Combobox primitives, (2) building a searchable dropdown, (3) implementing a multi-select or tags input variant, (4) customizing option…

not rated 58 6mo ago A 104 tokens original MIT

mantinedev/skills

Skill Claude CodeCodex

Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via…

not rated 58 6mo ago A 134 tokens original MIT

add-chart-type

263

cliftonc/drizzle-cube

Skill Claude CodeCodex

Use when adding a new built-in chart type to drizzle-cube. Covers type definition, component, config, the unified chartRegistry entry, lazy loading, icons, exports, and the deliberately-separate chart-type lists in the MCP app, agent tools and CLI.

not rated 60 changed today A 57 tokens original MIT

add-query-mode

264

cliftonc/drizzle-cube

Skill Claude CodeCodex

Use when adding a new analysis/query mode to drizzle-cube (e.g., cohort, path analysis). Covers backend types, query builder, executor/compiler integration, frontend adapter, store slice, hooks, UI components, tests, and icon.

not rated 60 today A 52 tokens original MIT

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: