When to activate: render props, HOC, headless components, suspense, concurrent mode, portals, forwardRef, imperative handles
Guidance for frontend HTTP and data-fetching code — keep raw HTTP calls out of UI components, route them through hooks/query layers and…
React Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks.
Use when reading or writing React components (.tsx, .jsx files with React imports).
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and…
Use this skill to clean up a React component.
Guidance for implementing or refactoring React components — keep components focused on rendering, props, and events, and extract API…
Guidelines for writing React components.
Use when working with composition-patterns tasks or workflows
Specialized skill for React component development, hooks patterns, state management, context API, performance optimization, and modern…
Diagnose and fix React codebase health issues.
React Flow (@xyflow/react) for workflow visualization with custom nodes and edges.
Architectural guidance for building node-based UIs with React Flow.
Build type-safe validated forms in React using React Hook Form and Zod schema validation.
Provides React patterns for hooks, effects, refs, and component design.
React Native 0.76+ architect with New Architecture, Fabric renderer, TurboModules, and production navigation/state patterns.
Streams React Native 0.77+ console logs and network activity to the terminal using Chrome DevTools Protocol WebSockets.
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.
Deep integration with React Native ecosystem for cross-platform mobile development
Expert guidance on React Native development including New Architecture (Fabric, TurboModules, JSI, Codegen, Bridgeless), Expo SDK 52+…
Build React Native 0.76+ apps with Expo SDK 52.