Agent skills for Claude Code

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

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.

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…

Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native

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…