React skills

3,708 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

uniwind

49

uni-stack/uniwind

Skill Claude CodeCodex

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent- color props, platform/data/state/responsive variants, CSS variables, custom utilities…

not rated 1.7k +5 changed today A Socket: passSnyk: warnSkillSpector: pass 130 tokens original MIT

planby

50

karolkozer/planby

Skill Claude CodeCodex

Build and edit schedule / timeline / agenda / planner / booking-grid / program-guide UIs with planby (open source) in React — any "rows x time" layout: conference and event agendas, festival line-ups, class and shift schedules, room and resource booking grids, project timelines, streaming line-ups, and TV guides /…

not rated 1.7k +1 1mo ago A SkillSpector: pass 180 tokens

callstackincubator/agent-skills

Skill Codex

Assesses whether and how an existing mobile product should migrate to React Native. Use when auditing one or more product repositories for migration readiness, including products whose iOS, Android, and other clients live in separate directories or repositories; choosing brownfield, greenfield, or a checkpoint-based…

not rated 1.7k +9 12d ago A Socket: passSnyk: passSkillSpector: warn 104 tokens original MIT

saleor/storefront

Skill Claude CodeCodex

Project-specific patterns for the Saleor Paper storefront built with Next.js 16, TypeScript, and Tailwind CSS. Use when working with product pages, checkout flow, caching, variant selection, filtering, SEO, or UI components. For universal Saleor API patterns, see the saleor-storefront dependency.

not rated 1.6k +4 changed 11d ago A SkillSpector: pass 68 tokens

internet-development/www-sacred

Skill Claude CodeCodex

Keep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus…

not rated 1.6k +1 13d ago A SkillSpector: warn 84 tokens original MIT

react-call

54

desko27/react-call

Skill Claude CodeCodex

Reach for the react-call library (createCallable) when building UI that resolves a value back to its caller — confirmations, dialogs, form modals, toasts, notifications, context menus, pickers. Use when a React task involves any such "await the UI" interaction, when code imports createCallable, useMutationFlow…

not rated 1.4k +3 19d ago A SkillSpector: pass 135 tokens

goey-toast

55

anl331/goey-toast

Skill Claude CodeCodex

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion. Use when adding toast/notification UI to a React app (success/error/warning/info/promise toasts), or when the user mentions goey-toast / gooey toast.

not rated 1.3k +3 1mo ago A SkillSpector: warn 64 tokens original MIT

seed-design

56

daangn/seed-design

Skill Claude Code

An integration guide for SEED Design, covering shared component specifications and foundations plus React and Lynx implementation guidance.

not rated 1.2k +4 changed 27d ago A Socket: passSnyk: passSkillSpector: pass 32 tokens original Apache-2.0

figma-codegen

57

awdr74100/figwright

Skill Claude CodeCodex

Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a…

not rated 1.1k +84 changed 10d ago A Socket: passSnyk: passSkillSpector: pass 145 tokens original MIT

animate

58

childrentime/reactuse

Skill Claude CodeCodex

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

not rated 1.1k +3 4d ago A SkillSpector: pass 25 tokens original Unlicense

jarrodwatts/claude-code-config

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 1.1k +1 9mo ago A 67 tokens

lytenyte-grid

60

1771-Technologies/lytenyte

Skill Claude CodeCodex

Use this skill when the user is working with LyteNyte Grid (@1771technologies/lytenyte-pro or @1771technologies/lytenyte-core), a headless React data grid. Activate for tasks like: installing or licensing LyteNyte Grid, configuring columns or rows, building cell renderers or editors, adding filters or sort controls…

not rated 1.0k +2 2mo ago A 257 tokens

verify

61

meursyphus/ssgoi

Skill Claude Code

Build/launch/drive recipe for verifying apps/docs changes at runtime (demos, docs pages, llms.txt).

not rated 1.0k +8 9d ago A SkillSpector: pass 26 tokens original MIT

react-doctor

62

darkroomengineering/satus

Skill Claude CodeCodex

Use when finishing a feature, fixing a bug, before committing React code, or when the user types /doctor, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

not rated 1.0k +6 today A 70 tokens copy · 86% MIT

cali

63

callstackincubator/cali

Skill Codex

Use when working in the Cali repository or when you need to run, extend, or debug the Cali CLI for mobile React Native and Expo workflows. Covers Cali commands (qa, review, perf-review, dev), the shared cali-context.json contract, local mode selection, required local CLIs, provider setup, and CI integration patterns.

not rated 991 3mo ago A SkillSpector: pass 76 tokens original MIT

Caldis/react-zmage

Skill Claude CodeCodex

Use when adding the react-zmage React image viewer to an existing React, Next.js, MDX, CMS, markdown, or rich text image surface.

not rated 945 +1 5mo ago A 37 tokens original MIT

vibefigma

65

vibeflowing-inc/vibe_figma

Skill Claude CodeCodex

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMATOKEN env var, or .env file).

not rated 849 +1 11d ago A 77 tokens AGPL-3.0

menu-migration

66

asmyshlyaev177/react-horizontal-scrolling-menu

Skill Claude CodeCodex

Detect and upgrade pre-v8 react-horizontal-scrolling-menu patterns that agents trained on older data still generate: destructured visibleElements/isFirstItemVisible/isLastItemVisible/initComplete (removed v6), Separator items, separatorClassName and getPrevItem/getNextItem (removed v7), the Arrows prop (removed v3)…

not rated 789 +1 changed 1mo ago A SkillSpector: warn 160 tokens original MIT

suleimanodetoro/skills

Skill Codex

Build, refactor, debug, test, and ship production React Native applications across iOS and Android, including Expo and bare workflows. Use for native navigation, app lifecycle, permissions, deep links, secure storage integration, virtualized lists, keyboard and safe-area behavior, gestures, animation, JS/UI thread…

not rated 787 2mo ago A SkillSpector: pass 155 tokens original MIT

react-aria

68

NextAdminHQ/nextjs-admin-dashboard

Skill Claude CodeCodex

Build accessible UI components with React Aria Components. Use when developers mention React Aria, react-aria-components, accessible components, or need unstyled accessible primitives. Provides documentation for building custom accessible UI with hooks and components.

not rated 591 +2 2mo ago A 49 tokens

sdlc

69

HoangNguyen0403/agent-skills-standard

Skill Codex

Route a task to the next synced SDLC workflow based on current artifacts and repo state.

not rated 579 +5 changed 5d ago A SkillSpector: pass 22 tokens original MIT

fireact-builder

70

fireact-dev/main

Skill Claude Code

Helps customize and extend Fireact SaaS apps after installation. Auto-detects Fireact projects by checking for @fireact.dev/app in package.json. Invoke when the user wants to add features, pages, custom components, navigation, branding, Cloud Functions, or i18n.

not rated 560 +1 1mo ago A SkillSpector: warn 62 tokens original MIT

analytical-table

71

UI5/webcomponents-react

Skill Claude CodeCodex

Use ALWAYS for AnalyticalTable internals — react-table v7 plugin architecture, vendored react-table code at packages/main/src/components/AnalyticalTable/react-table/, tableHooks, AnalyticalTableHooks, useDynamicColumnWidths, useColumnResizing, useRowSelect, useF2CellEdit, useManualRowSelect…

not rated 541 changed 18d ago A SkillSpector: pass 209 tokens original Apache-2.0

papr-rss

72

l0ng-ai/papr

Skill Claude Code

Read, search and triage the user's Papr RSS subscriptions from the shell via the papr CLI. Use when the user wants to catch up on their feeds, find or summarize articles they've subscribed to, check what's unread, star/save articles, subscribe to a new feed, or pull new posts. Triggers on: "what's in my feeds", "any…

not rated 541 +2 28d ago A SkillSpector: pass 113 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: