Search

Find skills by name, source, slug, or description across the full catalog.

#

Skill

Source

Installs

react-useeffect React useEffect best practices. Use when writing Effects, derived values, or data fetching. Teaches when NOT to use E…

nweii/agent-stuff

react-useeffect-avoid Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting per…

flpbalada/my-opencode-config

react-hook-form Build performant forms in React with React Hook Form. Use when a user asks to handle form validation, build complex m…

terminalskills/skills

react-tanstack-testing Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest…

greyhaven-ai/claude-code-config

react-web Modern React 19+ development with Server Components, Actions, hooks, TypeScript integration, and performance optimiza…

ibutters/claudecodeplugins

react-native-state Master state management - Redux Toolkit, Zustand, TanStack Query, and data persistence

pluginagentmarketplace/custom-plugin-react-native

react-state Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.

fusengine/agents

react-hook-form React Hook Form with Zod validation. Covers form setup, validation schemas, field components, error handling, and sub…

claude-dev-suite/claude-dev-suite

react-hooks React Hooks patterns, rules, and custom hook development. Covers all built-in hooks (useState, useEffect, useContext,…

claude-dev-suite/claude-dev-suite

react-router React Router v6+ for client-side routing. Covers BrowserRouter, Routes, navigation, data loading, nested routes, prot…

claude-dev-suite/claude-dev-suite

react-tanstack-router Use when implementing routing in a React app (NOT Next.js) with TanStack Router — file-based routes, loaders, search …

fusengine/agents

react-api React patterns for API consumption. Covers custom hooks, Suspense, SWR, error boundaries, and real-time updates. USE…

claude-dev-suite/claude-dev-suite

react-hook-form Correct React Hook Form usage anywhere in the monorepo — data flow, subscriptions, reset, dirty state, number inputs,…

supabase/supabase

react-vite React + Vite SPA development patterns including project setup, configuration, and optimization. Use for building sing…

alicoder001/agent-skills

react-animation ReactBits animations for Remotion - curated for aesthetic excellence in video production

notedit/happy-skills

react-concurrent React Concurrent Features for responsive UIs. Covers useTransition, useDeferredValue, Suspense, startTransition, conc…

claude-dev-suite/claude-dev-suite

react-context React Context API for state sharing across component trees. Covers createContext, useContext, Provider patterns, perf…

claude-dev-suite/claude-dev-suite

react-hook-form-zod Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with fu…

fellipeutaka/leon

react-hook-form-zod Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with fu…

marcioaltoe/skills

react-native-skills Use when working with react-native-skills tasks or workflows

sickn33/agentic-awesome-skills

react-native-web-styling Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, respons…

thebushidocollective/han

react-to-gea-migration Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state mana…

react-forms Use when building type-safe forms in React with TanStack Form v1 — Zod/Yup/Valibot validation, async validation, fiel…

fusengine/agents

react-native-native-modules Master native modules - Turbo Modules, JSI, Fabric, and platform bridging

pluginagentmarketplace/custom-plugin-react-native

react-agent Pragmatic React development focused on avoiding over-engineering, effective state management, and render optimization…

eva813/skills-base

react-and-nextjs-data-visualization Integrate data visualizations into React and Next.js applications. Use when the user needs chart components, UML-like…

react-best-practices React and frontend performance optimization guidelines. Use when writing, reviewing, or refactoring React code to imp…

prisma-labs-dev/skills

react-component-guidelines Guidelines for writing React components. Use this when creating a new react component.

langfuse/langfuse

react-email Create beautiful, responsive HTML emails using React components with React Email. Build transactional emails with mod…

openclaw/skills

react-hook-form Build and modify React Hook Form forms. Use when React Hook Form is mentioned, imported, installed, or established by…

kriscard/skills

react-hooks-patterns Master React hooks patterns including useState, useEffect, useContext, custom hooks, and advanced patterns for buildi…

spjoshis/claude-code-plugins

react-tools Guide for using @galiprandi/react-tools library. Use when working with React projects that need lightweight, dependen…

galiprandi/skills

react-review Review React components for best practices and performance issues

react-server-components React Server Components (RSC) for server-side rendering without client JS. Covers Server vs Client components, data f…

claude-dev-suite/claude-dev-suite

react-ui-patterns Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, hand…

liuchiawei/agent-skills

react-best-practices Install the react-best-practices skill for your AI agent. Published on skills.volces.com.

skills.volces.com

react-component Use when creating or modifying React components (.tsx files). Enforces component structure, import order, and hooks p…

bumgeunsong/daily-writing-friends

react-render-performance Minimize unnecessary React re-renders when consuming external state (XState, @xstate/store, Zustand, Redux, Nanostore…

react-useeffect Use when writing, reviewing, or debugging useEffect in React. Covers the 6 valid use cases, 7 anti-patterns, dependen…

b4r7x/agent-skills

react-animations Use when implementing animations, transitions, or motion effects in React apps. Invoke this skill whenever someone as…

fcsouza/agent-skills

react-native-best-practices Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and an…

freekmurze/dotfiles

react-native-architecture Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. …

ericgrill/agents-skills-plugins

react-patterns Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

react-performance React performance optimization specialist. Expert in DevTools Profiler, memoization, Core Web Vitals, bundle optimiza…

duck4nh/antigravity-kit

react-usememo Use when writing or reviewing useMemo usage in React components. Covers the 4 valid cases, when to skip it, and the p…

b4r7x/agent-skills

react-19 React 19 patterns with React Compiler.

react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

mmcmedia/openclaw-agents

react-doctor Diagnose and fix React codebase health issues. Use when reviewing React code, fixing performance problems, auditing s…

posthog/posthog-foss

react-interview Interactive 10-question multiple-choice React interview, by theSeniorDev — drawn from the same principles as `react-s…

the-senior-dev/senior-dev-skills

react-native-executorch Integrate on-device AI into React Native apps using React Native ExecuTorch, which provides APIs for LLMs, computer v…

software-mansion-labs/skills