React skills

3,715 tagged React, measured the same way as everything else here.

Browse within: javascript 339nextjs 294ab-testing 201best-practices 175coding-standards 174flutter 172nestjs 172nodejs 114cms 88graphql 87video 81angular 79tauri 79serverless 77

react/react

Skill Claude Code needs its repo

Orchestrate the Rust compiler port end-to-end. Discovers the current frontier, fixes failing passes, ports new passes, reviews, and commits in a loop.

not rated 252k +378 today A Snyk: passSkillSpector: pass 38 tokens original MIT

material-ui-nextjs

02

mui/material-ui

Skill Claude CodeCodex

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

not rated 99k +29 today A Socket: passSnyk: passSkillSpector: warn 76 tokens original MIT

remotion-markup

03

remotion-dev/remotion

Skill Codex

Content, animation and effects best practices.

not rated 65k +1.4k changed 19d ago A SkillSpector: warn 12 tokens

payload

04

payloadcms/payload

Skill Claude CodeCodex

Use when working with Payload projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.

not rated 45k +124 changed 25d ago A Socket: passSnyk: passSkillSpector: warn 43 tokens original MIT

resume-builder

05

amruthpillai/reactive-resume

Skill Claude CodeCodex

Generate professional resumes that conform to the Reactive Resume schema. Use when the user wants to create, build, or generate a resume through conversational AI, or asks about resume structure, sections, or content. This skill guides the agent to ask clarifying questions, avoid hallucination, and produce valid JSON…

not rated 44k 2d ago A Socket: passSnyk: passSkillSpector: pass 71 tokens original MIT

nextjs-app-router

06

trpc/trpc

Skill Claude CodeCodex needs its repo

Full end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient/HydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers.

not rated 41k +13 today A ✓ AI review Snyk: passSkillSpector: pass 74 tokens original MIT

chakra-ui-builder

07

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

not rated 41k +15 3d ago A Socket: passSnyk: passSkillSpector: warn 214 tokens original MIT

novuhq/novu

Skill Claude CodeCodex needs its repo

Integrate Novu's in-app notification inbox into web applications. Supports React, Next.js, and vanilla JavaScript. Includes the Inbox component (bell icon + notification feed), composable components (Bell, Notifications, InboxContent, Preferences), headless hooks, branded theming, custom render props, multi-tenancy…

not rated 40k +30 today A SkillSpector: warn 111 tokens

antd

09

ant-design/ant-design-pro

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 39k +13 today A Snyk: passSkillSpector: warn 69 tokens original MIT

SigNoz/signoz

Skill Cursor

Migrate Redux or React Context to the correct state option (React Query for server state, nuqs for URL/shareable state, Zustand for global client state). Use when refactoring away from Redux/Context, moving state to the right store, or when the user asks to migrate state management.

not rated 32k +42 yesterday A SkillSpector: warn 64 tokens

heroui-native

11

heroui-inc/heroui

Skill Claude CodeCodex

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI…

not rated 31k +38 today C Socket: passSnyk: warnSkillSpector: warn 80 tokens original Apache-2.0

table-features

12

TanStack/table

Skill Claude CodeCodex

Add or debug Table v9 features: registration, row-model slots, prerequisites, sorting, filtering, pagination, selection, spanning, and column layout. Read only task-relevant feature references.

not rated 29k +16 changed 8d ago A Snyk: passSkillSpector: pass 42 tokens original MIT

example

13

recharts/recharts

Skill Claude CodeCodex needs its repo

Create new example charts for Recharts documentation website.

not rated 28k +12 changed 19d ago A Snyk: passSkillSpector: pass 11 tokens original MIT

adr-skill

14

vercel/ai

Skill Claude CodeCodex ✓ vendor

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses…

not rated 27k +101 today A Socket: passSnyk: passSkillSpector: warn 89 tokens

merge-seed

15

kriasoft/react-starter-kit

Skill Claude CodeCodex

Merge upstream React Starter Kit updates (the seed remote) into main, preserving this project's identity, scope, and behavior. Use when asked to sync, pull, or merge the seed / starter kit / upstream template.

not rated 24k +6 yesterday A Snyk: warnSkillSpector: pass 49 tokens original MIT

magic-ui

16

magicuidesign/magicui

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (@magicui/), integration patterns, and practical quality checks for accessibility and maintainability.

not rated 23k +94 3d ago A Socket: passSnyk: passSkillSpector: warn 56 tokens original MIT

react-email

17

resend/react-email

Skill Claude CodeCodex

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and…

not rated 20k +11 4d ago A Socket: passSnyk: passSkillSpector: warn 66 tokens original MIT

crossposting

18

wasp-lang/wasp

Skill Claude Code

Crosspost Wasp blog articles (MDX) to DEV.to and Medium.

not rated 19k +8 today A SkillSpector: warn 19 tokens original MIT

udecode/plate

Skill Claude CodeCodex

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

not rated 17k +6 today A 58 tokens

getting-started

20

wasp-lang/open-saas

Skill Claude Code

Get started with your Open SaaS project — fetches docs, checks Wasp installation, and helps you start your database and app.

not rated 16k +26 yesterday A SkillSpector: pass 31 tokens original MIT

tamagui-upgrade-v3

21

tamagui/tamagui

Skill Claude CodeCodex

Migrate an app from Tamagui v2 (or v1) to v3. Use when upgrading Tamagui versions, removing $ token prefixes, converting hoverStyle/pressStyle/media/theme/platform condition objects to flat values, running the flat-values codemod, or fixing v3 breaking changes. Triggers: "upgrade tamagui", "migrate to v3", "flat…

not rated 14k +5 today A 120 tokens original MIT

creative-tim-ui

22

creativetimofficial/ui

Skill Claude CodeCodex

Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…

not rated 12k +4 7mo ago A SkillSpector: warn 91 tokens original MIT

kaneo-cli

23

usekaneo/kaneo

Skill Claude CodeCodex

Work with Kaneo tasks, projects, comments and time tracking through the kaneo CLI. Use when the user asks to list, create, update, assign or close Kaneo tasks, see what is assigned to them, comment, log time, or script against a Kaneo workspace on Kaneo Cloud or a self-hosted instance.

not rated 9.5k +50 changed 10d ago C 73 tokens original MIT

slide-authoring

24

1weiho/open-slide

Skill Claude CodeCodex

Technical reference for writing or editing open-slide pages — file contract, 1920×1080 canvas, type scale, layout, palette/visual direction, assets, speaker notes, stepped reveals, page transitions, and morph transitions. Consult this whenever you are about to write or modify any file under slides/ /, including from…

not rated 9.3k changed 1mo ago A SkillSpector: pass 163 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: