Agent skills for Claude Code

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

React Native mobile patterns, platform-specific code

React Native and Expo best practices for building performant mobile apps.

Strict patterns for React Native component creation with GlueStack UI v1 themed components.

Automates the creation of comprehensive NativeWind-based design systems and UI specifications for React Native applications.

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.

React Native and Expo patterns for building performant mobile apps.

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

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects.

Best practices for React/Next.js projects: component splitting, data fetching, performance, bundles, RSC, hydration, and routing.

Set up and use react-pixel-overlay, ART+COM's PerfectPixel-style design overlay for React apps — it renders exported design images (e.g.

Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes.

When to activate: TanStack Router, React Router v6, file-based routing, route loaders, search params, type-safe navigation

Scans the provided React component and identifies SRP/DRY violations, then suggests refactors into smaller components or custom hooks.

React Three Fiber (R3F) and Poimandres ecosystem best practices.

Core transformation engine for React-to-SolidJS conversion.

Guidance for writing or reviewing React unit tests — test observable behavior via Testing Library queries (role/label/text over test-id)…

Build virtualized lists, grids, and tables with react-virtuoso.

React and Vite performance optimization guidelines.