reactjs skills

74 tagged reactjs, measured the same way as everything else here.

Browse within: nextjs 32admin 31admin-dashboard 31admin-panel 31laravel 31laravelcrud 31javascript 17nodejs 16spa-template 16storybook 16vite 16shadcn-ui 14LLM 13open-source 13

heroui-native

01

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 +39 yesterday C Socket: passSnyk: warnSkillSpector: warn 80 tokens original Apache-2.0

menu-interactions

02

asmyshlyaev177/react-horizontal-scrolling-menu

Skill Claude CodeCodex

Wire mouse, wheel and touch input for react-horizontal-scrolling-menu: onWheel/onScroll are plain (api, event) => void callbacks, while ALL mouse/touch props (onMouseDown, onMouseUp, onMouseMove, onMouseLeave, onTouchStart, onTouchMove, onTouchEnd) are handler factories (api) => (event) => void. Covers mouse…

not rated 789 +1 changed 29d ago A SkillSpector: pass 147 tokens original MIT

mkosir/typescript-style-guide

Skill Claude CodeCodex

Apply, review, and explain discriminated unions in TypeScript. Use automatically for tasks involving mutually exclusive variants, invalid state prevention, exhaustiveness checking, variant-specific object properties, application state, function arguments, or React props.

not rated 784 +1 1mo ago A Socket: passSnyk: passSkillSpector: warn 52 tokens original MIT

estimate-jira

04

ag-grid/ag-charts

Skill Claude CodeCodex

Estimate complexity, effort, and risks for JIRA tickets, features, or projects. Generates structured reports with time estimates, dependencies, risk analysis, and known unknowns. Use when user asks to "estimate", "size", or "analyze complexity" of work items.

not rated 485 +1 today A 59 tokens

feature-state-hook

05

asmyshlyaev177/state-in-url

Skill Claude CodeCodex

Define typed, module-scoped state and wrap useUrlState in a feature-scoped custom hook so unrelated React components share the same URL-synced state. Covers drawer/modal open-state, tab switching, multi-select toggles, reset/defaults semantics, and the object-identity-based sharing model. Load this skill when storing…

not rated 418 +1 22d ago A 112 tokens original MIT

SimplePDF/simplepdf-embed

Skill Claude CodeCodex

Integrate SimplePDF into a web application for PDF viewing, editing, filling, signing, programmatic control, AI-agent interaction, human-in-the-loop form prefilling, submissions, webhooks, or customer-controlled storage. Use when a developer wants to add or improve PDF workflows in React, Next.js, JavaScript…

not rated 407 changed 1mo ago A SkillSpector: warn 103 tokens original MIT

ui-beats

07

nikhils4/ui-beats

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot UI Beats components in React/Next.js projects. It covers component selection, shadcn registry installation from uibeats.com, the UI Beats MCP server, motion and reduced-motion handling, and integration patterns for animated sections.

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

story

08

one-ie/one

Skill Claude CodeCodex

Turn what someone says into seven beats, a promise with one checkable proof, and a story spoken back in their own words.

not rated 131 6d ago A 28 tokens

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

not rated 122 9d ago A 57 tokens original MIT

ic-reactor-hooks

10

B3Pay/ic-reactor

Skill Codex

For contributors working inside the B3Pay/ic-reactor repository: create, refactor, review and document the @ic-reactor/react hook layer and how the repository's docs, examples and codegen templates use it (createActorHooks, createQuery/createMutation factories, useActorMethod, TanStack Query cache invalidation…

not rated 20 changed 20d ago A 110 tokens

svar-react

11

svar-widgets/skills

Skill Claude CodeCodex

Use when building, configuring, styling, or modifying any SVAR React UI component from the @svar-ui/react- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.

not rated 2 5mo ago A 48 tokens

MuhammadMustafa18/proteus

Skill Claude CodeCodex

Navigate the Odyseus reference project (parent directory) to study a specific feature, compare it with Proteus, and adapt the implementation. Use when the user asks to check/learn/compare/reference Odyseus for any feature.

not rated 2 3mo ago A 57 tokens

daycare-ui

13

williamjxj/friendshipdaycare

Skill Claude Code

Build UI components, sections, and pages for the Friendship Corner Daycare website with proper theming, animations, i18n, SEO, and responsive design. Use for: creating new components, adding page sections, building new pages, recreating UI layouts from design inspiration, ensuring theme compatibility across 5 themes…

not rated 2 7d ago A 102 tokens

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: