React skills

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

Just-Agent/just-progress-bar-skill

Skill Claude CodeCodex needs its repo

Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.

not rated 17 5mo ago A 39 tokens original MIT

components

194

AnayDhawan/Components

Skill Claude CodeCodex

Use when building a frontend and the user wants a distinctive / animated / "wow" UI element in React + Tailwind - e.g. a laptop-opening-on-scroll, 3D tilt card, spotlight hero, animated beams/background, marquee, bento grid, interactive globe, meteor/particle background, shimmer button, or scroll/reveal motion.…

not rated 17 changed 1mo ago A 202 tokens

react-test-engineer

195

GrishaAngelovGH/gemini-cli-agent-skills

Skill Claude CodeCodex needs its repo

Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.

not rated 16 7mo ago A 44 tokens original MIT

awwwards-animations

196

DevMartinese/awwwards-animations-skill

Skill Claude CodeCodex

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…

not rated 15 8mo ago A 209 tokens

claudiocebpaz/vite-react-best-practices

Skill Claude CodeCodex

Comprehensive React and Vite SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite-specific build configurations, static hosting requirements, and core React performance patterns.

not rated 15 9mo ago A 59 tokens

shadcnui

198

G1Joshi/Agent-Skills

Skill Claude CodeCodex

Expert shadcn/ui assistance covering Radix UI primitives, Tailwind CSS styling, copy-paste architecture, and accessibility. Use when building modern React component systems and accessible design systems.

not rated 15 changed 18d ago A 42 tokens original MIT

docyrus-app-dev-react

199

Docyrus/agent-skills

Skill Claude CodeCodex

Build Docyrus React TypeScript web applications end-to-end, combining authentication, API access, @docyrus/app-utils runtime helpers, @docyrus/devtools in-app debugging, generated collections, TanStack Query/Form patterns, and production-grade UI implementation with preferred component libraries. Use when creating or…

not rated 13 24d ago A 115 tokens

cra-to-next-migration

200

vercel-labs/migration-skills

Skill Claude CodeCodex ✓ vendor

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.

not rated 13 8mo ago A Socket: passSnyk: pass 53 tokens

cinemorph

201

LucasDuys/cinemorph

Skill Claude CodeCodex

Generate cinematic launch-video-style React presentations with shared-layout (FLIP) morph transitions between stages. Outputs live React deck, PPTX with Morph transitions, or Playwright-recorded MP4. Use when the user asks for a pitch deck, launch video, demo storyboard, kpi dashboard tour, or any cinematic…

not rated 12 5mo ago A 80 tokens

remediate

202

fvckprth/remediate

Skill Claude CodeCodex needs its repo

Set up and manage the Remediate feedback widget in a React project. Install, add integrations, wire auth, test the endpoint, upgrade, scaffold a feedback dashboard, configure capture types, or cleanly uninstall.

not rated 12 +1 1mo ago A 47 tokens original MIT

bestax-form

203

allxsmith/bestax

Skill Claude CodeCodex

Build forms with @allxsmith/bestax-bulma — Field/Control/Label/Help composition, inputs, selects, checkboxes, radios, switches, and advanced controls (Autocomplete, Combobox, Slider, Numberinput, Rate, Taginput, File, date/time). There is no form/validation library; this skill shows the components and the…

not rated 12 changed 2d ago A SkillSpector: pass 100 tokens original MIT

frontend-development

204

samhvw8/dot-claude

Skill Claude CodeCodex

Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angular (Signals, standalone). Common: TypeScript, state management, routing, data fetching, performance optimization, component patterns. Actions: create, build…

not rated 11 10mo ago A 186 tokens

vandalizer-api

205

ui-insight/vandalizer

Skill Claude Code

Talk to the Vandalizer Management API — /api/mgmt/v1. Use when the user says "/vandalizer-api", asks to query the management API, pastes a vklive… key, asks to check Vandalizer dev/prod stats, validation runs, workflows, audit log, or wants to run a workflow/validation/extraction via the management surface.

not rated 11 yesterday A 84 tokens GPL-3.0

make-pptx

206

JeffGuo7/s-loop

Skill Claude CodeCodex

A presentation-building skill for creating editable PowerPoint files. It makes native text, shapes, charts, and tables rather than placing screenshots on slides, then checks the result for layout problems.

not rated 11 1mo ago A 95 tokens original MIT

frontend-architecture

207

stareezy-1/frontend-architecture-skill

Skill Claude CodeCodex

A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules. State-management agnostic…

not rated 10 4mo ago A 170 tokens original MIT

use-effect-killer

208

victor36max/use-effect-killer

Skill Claude Code

Scan React codebase for useEffect anti-patterns (derived state, event logic in effects, effect chains, prop-driven resets, missing cleanup, parent notifications, etc.) and propose idiomatic fixes. Based on React's "You Might Not Need an Effect" guide. Use when asked to audit, review, or clean up useEffect usage.

not rated 10 6mo ago A 74 tokens original MIT

webgl-expert

209

12-Studio/Tackl

Skill Claude CodeCodex

Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders…

not rated 10 8d ago A SkillSpector: pass 87 tokens original MIT

creght

210

creght-dev/skills

Skill Codex

Use when working with Creght sites or the Creght CLI, including pulling site code locally, pushing local changes, resolving sync conflicts, writing Creght-compatible React pages/components code, CMS, form, Auth, and Func backend integration, routing, styling, metadata, previewing, publishing, site templates…

not rated 10 changed 18d ago A 107 tokens original MIT

component-refactoring

211

honggzb/Study-General

Skill Claude CodeCodex

Refactor high-complexity React components in Dify frontend. Use when pnpm analyze-component --json shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when pnpm analyze-component warns to refactor before testing; avoid for simple/well-structured…

not rated 10 +1 1mo ago A 93 tokens

kesslerio/ultimate-frontend-design-openclaw-skill

Skill Codex

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…

not rated 10 +1 7mo ago A 96 tokens copy · 100% Apache-2.0

ui4a

213

mindverse-ltd/macaron-artifacts

Skill Claude CodeCodex

Build compact interactive React UI inside chat or a persistent canvas when interaction makes the response more useful.

not rated 10 changed 27d ago A 23 tokens original Apache-2.0

gsap-choreography

214

Costumary/gsap-choreography

Skill Claude CodeCodex

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

not rated 9 4mo ago A 52 tokens

raycast

215

adriangrantdotorg/Raycast-Skill

Skill Claude CodeCodex

Best practices and workflows for developing and modifying Raycast Extensions (React/Node) AND Raycast Script Commands (shell scripts with @raycast metadata). Use this skill whenever the user wants to create, update, or troubleshoot anything that runs inside Raycast — extensions, script commands, menu-bar commands, AI…

not rated 9 changed 24d ago A 197 tokens original Apache-2.0

arbitrum-dapp-skill

216

hummusonrails/arbitrum-dapp-skill

Skill Claude CodeCodex needs its repo

Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a…

not rated 9 4mo ago A 85 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: