28,473 skills sorted by stars.
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order con...
在构建需要组件架构、hooks 模式或状态管理的 React 18+ 应用程序时使用。调用时机包括：Server Components、性能优化、Suspense 边界、React 19 特性。
Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups....
React development expertise and best practices.
React ecosystem expert including hooks, state management, component patterns, React 19 features, Shadcn UI, and Radix pr...
Implement and refactor production React applications using the exact repository React/runtime/framework version and exis...
Expert-level React development with hooks, performance optimization, state management, and modern patterns
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles,...
Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom node...
TanStack Form v1 - type-safe forms with Zod/Yup/Valibot validation, async validation, arrays, nested fields, React 19 Se...
Use when building type-safe forms in React with TanStack Form v1 — Zod/Yup/Valibot validation, async validation, field a...
Use when implementing react forms.
Use when architecting or implementing React frontends with Zustand, TanStack Query, or component hierarchies. Symptoms -...
Capture exact React element context from a live browser UI and hand it to an AI coding agent as component name, source f...
Create react hook creator operations. Auto-activating skill for Frontend Development. Triggers on: react hook creator, r...
React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, and use...
Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full...
Status: Production Ready ✅
Custom React hook best practices — dependency arrays, cleanup, stale closures, TypeScript generics, composition, and ext...
Deep expertise in React hooks patterns including custom hooks, composition, optimization, and testing strategies.
Master React hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks for the mu...
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correc...
Use when dispatching a React frontend subagent from an implementation plan with React 19, Vitest/RTL/MSW, Zustand, and T...
专门用于React移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适配等全流程开发指导。
Create modal dialogs in the frontend using a custom Modal component built on top of Radix UI Dialog. Use this skill when...
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Us...
Upgrade React applications from class components to hooks, adopt concurrent features, and migrate between major versions...
Expert React Native and Expo development skill for building cross-platform mobile apps. Use this skill when creating, de...
React Native mobile patterns, platform-specific code
React Native patterns for mobile app development with Expo and bare workflow. Trigger: When building mobile apps, workin...
React Native and Expo patterns for building performant mobile apps. Covers list performance, animations with Reanimated,...
Mobile development patterns with React Native for iOS and Android applications.
Use when building cross-platform mobile apps with React Native or Expo. Covers navigation, platform differences, list pe...
Cross-platform mobile development with React Native and Expo. Use when building iOS/Android apps with JavaScript/TypeScr...
React Native cross-platform mobile apps with navigation, state management, native features. Use for iOS/Android developm...
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use...
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and anima...
React Native & Expo engineering standards.
Generate React Native components with TypeScript, styling, and platform-specific code. Triggers on "create react native...
Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world e...
Deep integration with React Native ecosystem for cross-platform mobile development
React Native and Expo architect and expert. Architecture, setup, Metro bundler, native modules, New Architecture (Fabric...
React Native core patterns, navigation, state management, and performance optimization.
Build React Native 0.76+ apps with Expo SDK 52-54. Covers mandatory New Architecture (0.82+/SDK 55+), React 19 changes,...
Comprehensive React Native and Expo development skill for building cross-platform mobile apps. Use when creating React N...