When to activate: render props, HOC, headless components, suspense, concurrent mode, portals, forwardRef, imperative handles
React component decomposition, hook extraction, state machines, composition patterns, hydration safety, and React 19 APIs.
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.
Guidelines for writing React components.
Use when working with composition-patterns tasks or workflows
Discover a single-page-app's hidden backend API from its public JS bundle, then test that API for broken access control / missing…
Specialized skill for React component development, hooks patterns, state management, context API, performance optimization, and modern…
Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React…
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.
Use when creating custom React Flow nodes, edges, and handles.
Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow.
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.
React Native and Expo best practices for building performant mobile apps.
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.