reactjs skills

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

Browse within: ReAct 35admin 31admin-dashboard 31admin-panel 31laravel 31laravelcrud 31typescript 26javascript 17spa-template 16storybook 16vite 16nextjs 10react-component 10ai-friendly 9

heroui-migration

01

heroui-inc/heroui

Skill Claude CodeCodex

HeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation. Keywords: HeroUI migration, v2 to v3, migration guide, upgrade HeroUI.

31k 3d ago C 56 tokens original Apache-2.0

heroui-native

02

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…

31k 3d ago C 80 tokens original Apache-2.0

heroui-react

03

heroui-inc/heroui

Skill Claude CodeCodex

HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.

31k 3d ago C 83 tokens original Apache-2.0

clone-website

04

yournextstore/yournextstore

Skill Claude CodeCodex

Reverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a…

5.5k 4d ago A 93 tokens original MIT

prettify

05

yournextstore/yournextstore

Skill Claude CodeCodex

Iteratively improves the visual design of an existing page — making it more sophisticated, richer, and prettier — without redesigning from scratch. Works on any page or UI surface: landing pages, marketing pages, pricing, docs, dashboards, admin views, settings, modals, empty states, etc. Use when the user says…

5.5k 4d ago A 0 tokens original MIT

rebase-themes

06

yournextstore/yournextstore

Skill Claude CodeCodex

Rebase all theme- branches onto main, resolving conflicts while preserving each theme's visual identity. Force-pushes directly to theme branches with backup tags. Run as a scheduled task or one-off.

5.5k 4d ago A 45 tokens original MIT

openwebf/webf

Skill Claude CodeCodex

Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.

2.5k 2mo ago A 53 tokens GPL-3.0

webf-native-ui-dev

08

openwebf/webf

Skill Claude CodeCodex

Develop custom native UI libraries based on Flutter widgets for WebF. Create reusable component libraries that wrap Flutter widgets as web-accessible custom elements. Use when building UI libraries, wrapping Flutter packages, or creating native component systems.

2.5k 2mo ago A 50 tokens GPL-3.0

webf-routing-setup

09

openwebf/webf

Skill Claude CodeCodex

Setup hybrid routing with native screen transitions in WebF - configure navigation using WebF routing instead of SPA routing. Use when setting up navigation, implementing multi-screen apps, or when react-router-dom/vue-router doesn't work as expected.

2.5k 2mo ago A 51 tokens GPL-3.0

menu-interactions

10

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…

788 2d ago A 147 tokens original MIT

menu-migration

11

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)…

788 2d ago A 160 tokens original MIT

menu-recipes

12

asmyshlyaev177/react-horizontal-scrolling-menu

Skill Claude CodeCodex

Recipes composed on the react-horizontal-scrolling-menu public API — NOT props: autoplay (setInterval + scrollNext gated on menuVisible), infinite loop/carousel (clone head/tail + scrollLeft teleport at seams), center on click (scrollToItem 'center'), save/restore scroll position (onUpdate, onInit, scrollContainer)…

788 2d ago A 145 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.

784 5d ago A 52 tokens original MIT

mkosir/typescript-style-guide

Skill Claude CodeCodex

Apply, review, and explain TypeScript function conventions. Use automatically for tasks involving function responsibility, statelessness, purity, side effects, function arguments, function API design, or return types.

784 5d ago A 42 tokens original MIT

mkosir/typescript-style-guide

Skill Claude CodeCodex

Apply, review, and explain TypeScript variable conventions. Use automatically for tasks involving variable declarations, const assertions, enum alternatives, literal-union state modelling, boolean flags, or choosing between null and undefined.

784 5d ago A 45 tokens original MIT

mondaycom/vibe

Skill Claude CodeCodex

Implements Vibe Design System breaking changes with full workflow automation including component updates, migration guide updates, codemod generation, testing, and PR creation. Use when implementing breaking changes to Vibe components that require coordinated updates across the design system.

672 2d ago A 54 tokens

edit-pdf

17

SimplePDF/simplepdf-embed

Skill Claude CodeCodex

Edit and fill PDF documents. Use when the user wants to fill a PDF form, add text/signatures/checkboxes/images to a PDF, or annotate a PDF. Accepts a PDF URL or file upload and returns a ready-to-use editor link. URL inputs are passed through directly. File uploads are stored temporarily (24 hours) then deleted.

410 20d ago B 74 tokens original MIT

fork-and-go

18

SimplePDF/simplepdf-embed

Skill Claude CodeCodex

A guided walkthrough for SimplePDF Pro customers forking and deploying their own SimplePDF Copilot.

410 20d ago C 0 tokens original MIT

ui-beats

19

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.

230 9d ago A 62 tokens original MIT

astro

20

one-ie/one

Skill Claude CodeCodex

Astro 7 conventions for ONE sites — plugin wiring via one.config.ts, OneChat/OneTrack placement, Cloudflare SSR. Invoke when editing .astro files or astro.config.mjs.

129 1mo ago A 41 tokens

react19

21

one-ie/one

Skill Claude CodeCodex

React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data. Invoke when editing .tsx components.

129 1mo ago A 34 tokens

sdk

22

one-ie/one

Skill Claude CodeCodex

Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper. Invoke when reading/writing ONE data in API routes or SSR.

129 1mo ago A 34 tokens

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.

121 1mo ago A 44 tokens original MIT