Agent skills for Claude Desktop

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges.

Architectural guidance for building node-based UIs with React Flow.

Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow.

Implements React Flow node-based UIs correctly using @xyflow/react.

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and…

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.

Deep integration with React Native ecosystem for cross-platform mobile development

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching…

Full 8-phase React Native feature development pipeline — discovery, codebase exploration, clarifying questions, architecture…

Navigate and work with the react-native-navigation (RNN) codebase.

Use this skill whenever an agent is working in a project that uses react-native-nitro-fetch, react-native-nitro-websockets, or…

React Native and Expo patterns for building performant mobile apps.

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

Local and global state patterns with Context, Zustand, and Redux Toolkit.

Use when working with React Native Web projects.

Use when styling React Native Web components.

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

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

Use when React performance optimization including memoization, lazy loading, and virtualization.