React Ecosystem
Build beautiful UIs with React and its ecosystem
Explore 100 curated react ecosystem skills for Claude Code and Codex CLI. Each skill enhances your development workflow.
Browse 100 React Ecosystem Skills
React Modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt ...
Nextjs App Router Patterns
Master Next
React Native Architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross...
React State Management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query
Content Research Writer
Assists in writing high-quality content by conducting research, adding citations, improving hooks...
Senior Fullstack
Comprehensive fullstack development skill for building complete web applications with React, Next
Reactome Database
Query Reactome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways,...
React Best Practices
Comprehensive React and Next
Nextjs 15
Next
React 19
React 19 patterns with React Compiler
Hooks Automation
Automated coordination, formatting, and learning from Claude Code operations using intelligent ho...
Frontend Dev Guidelines
Frontend development guidelines for React/TypeScript applications
Migrating To Vendure Dashboard
Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard
Reactome Database
Query Reactome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways,...
Frontend Style Guide
Apply the Lightdash frontend style guide when working on React components, migrating Mantine v6 t...
V3 Cli Modernization
CLI modernization and hooks system enhancement for claude-flow v3
React Ui Patterns
Modern React UI patterns for loading states, error handling, and data fetching
Discord
Use when you need to control Discord from Clawdbot via the discord tool: send messages, react, po...
Slack
Use when you need to control Slack from Clawdbot via the slack tool, including reacting to messag...
Frontend Developer
Build user interfaces using Redpanda UI Registry components with React, TypeScript, and Vitest te...
Form Refactorer
Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form an...
Hooks
Hook Development Rules
Mot
System health check (MOT) for skills, agents, hooks, and memory
Help
Interactive workspace discovery - learn what tools, workflows, agents, and hooks are available
Hook Developer
Complete Claude Code hooks reference - input/output schemas, registration, testing patterns
Debug Hooks
Systematic hook debugging workflow
Vercel React Best Practices
React and Next
Using Base Ui With Material Ui
Always use this skill when integrating Base UI components `@base-ui-components/react` with Materi...
Content Research Writer
Assists in writing high-quality content by conducting research, adding citations, improving hooks...
React Best Practices
React and Next
Webf Quickstart
Get started with WebF development - setup WebF Go, create a React/Vue/Svelte project with Vite, a...
Content Research Writer
Assists in writing high-quality content by conducting research, adding citations, improving hooks...
React 19
React 19 patterns with React Compiler
Nextjs 15
Next
Create Hooks
Expert guidance for creating, configuring, and using Claude Code hooks
Emitting Api Events
Build event-driven APIs with webhooks, Server-Sent Events, and real-time notifications
Overnight Development
Automates software development overnight using git hooks to enforce test-driven Use when appropri...
Supabase Webhooks Events
Implement Supabase webhook signature validation and event handling
Vercel Webhooks Events
Implement Vercel webhook signature validation and event handling
React Component Generator
React Component Generator - Auto-activating skill for Frontend Development
React Hook Creator
React Hook Creator - Auto-activating skill for Frontend Development
Klingai Webhook Config
Configure webhooks for Kling AI job completion notifications
React Context Setup
React Context Setup - Auto-activating skill for Frontend Development
Ideogram Webhooks Events
Implement Ideogram webhook signature validation and event handling
Groq Webhooks Events
Implement Groq webhook signature validation and event handling
Windsurf Webhooks Events
Implement Windsurf webhook signature validation and event handling
Instantly Webhooks Events
Implement Instantly webhook signature validation and event handling
Fireflies Webhooks Events
Implement Fireflies
Perplexity Webhooks Events
Implement Perplexity webhook signature validation and event handling
Vastai Webhooks Events
Implement Vast
Replit Webhooks Events
Implement Replit webhook signature validation and event handling
Clay Webhooks Events
Implement Clay webhook signature validation and event handling
Exa Webhooks Events
Implement Exa webhook signature validation and event handling
Posthog Webhooks Events
Implement PostHog webhook signature validation and event handling
Firecrawl Webhooks Events
Implement FireCrawl webhook signature validation and event handling
Retellai Webhooks Events
Implement Retell AI webhook signature validation and event handling
Coderabbit Webhooks Events
Implement CodeRabbit webhook signature validation and event handling
Langchain Webhooks Events
Implement LangChain callback and event handling for webhooks
Apollo Webhooks Events
Implement Apollo
Lindy Webhooks Events
Configure Lindy AI webhooks and event handling
Clerk Webhooks Events
Configure Clerk webhooks and handle authentication events
Juicebox Webhooks Events
Implement Juicebox webhook handling
Granola Webhooks Events
Handle Granola webhook events and build event-driven automations
Deepgram Webhooks Events
Implement Deepgram callback and webhook handling for async transcription
Gamma Webhooks Events
Handle Gamma webhooks and events for real-time updates
Customerio Webhooks Events
Implement Customer
Linear Webhooks Events
Configure and handle Linear webhooks for real-time event processing
Agentscope Java
Expert Java developer skill for AgentScope Java framework - a reactive, message-driven multi-agen...
React Effects
Guidelines for when to use (and avoid) useEffect in React components
React
React rules for the project Applies to files matching: **/*
React Docs Generator
Generate React component documentation for SEED Design System
React Headless Dev
SEED React Headless component development specialist
React Useeffect
React useEffect best practices from official docs
React Skills
React 18 patterns for LlamaFarm Designer
Nextjs15 Init
Use when user wants to create a new Next
Tailwind Setup
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Moai Domain Frontend
Frontend development specialist covering React 19, Next
Moai Foundation Claude
Canonical Claude Code authoring kit covering Skills, sub-agents, plugins, slash commands, hooks, ...
Moai Platform Convex
Convex real-time backend specialist covering TypeScript-first reactive patterns, optimistic updat...
React Testing
React Testing Library patterns for testing React components, hooks, and context
Cds Components
Use this skill when you are asked to work on a new or existing CDS React component in packages/mo...
Woocommerce
WooCommerce REST API - products, orders, customers, webhooks
Supabase Nextjs
Next
React Web
React web development with hooks, React Query, Zustand
Ui Mobile
Mobile UI patterns - React Native, iOS/Android, touch targets
React Native
React Native mobile patterns, platform-specific code
Web Payments
Stripe Checkout, subscriptions, webhooks, customer portal
Hook Factory
Generate production-ready Claude Code hooks with interactive Q&A, automated installation, and enh...
Ai Model Web
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs...
Devup Ui
Zero-runtime CSS-in-JS preprocessor for React
Damage Control
Install, configure, and manage the Claude Code Damage Control security hooks system
Prompt Engineering
Use this skill when you writing commands, hooks, skills for Agent, or prompts for sub agents or a...
Hook Creator
Create and configure Claude Code hooks for customizing agent behavior
Add Template
Add new UI style template to the ui-style-react project
Axiom Grdb
Use when writing raw SQL queries with GRDB, complex joins, ValueObservation for reactive queries,...
Api Integration
Integrate Apidog + OpenAPI specifications with your React app
Core Principles
Core principles and project structure for React 19 SPA development
Performance Security
Performance optimization, accessibility, and security best practices for React apps
React Patterns
React 19 specific patterns including React Compiler optimization, Server Actions, Forms, and new ...
Tooling Setup
Configure Vite, TypeScript, Biome, and Vitest for React 19 projects
How to Install React Ecosystem Skills
All skills in this collection can be installed through Claude's Settings. Navigate to Settings → Capabilities → Upload skill to add any skill to your workflow. Learn more.
This collection includes 100 community-curated skills for react ecosystem workflows.