Agent skills for Claude Code

React Native and Expo patterns for building performant mobile apps.

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

Create and edit React Native Storybook stories using Component Story Format (CSF).

Use when styling React Native Web components.

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

Use destructured props in React component function parameters for better readability and type safety.

TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.

Audit React Query usage for best practices — key factories, staleTime, mutations, and server state ownership

Reviews React Router code for proper data loading, mutations, error handling, and navigation patterns.

React Router v7/v8 patterns with Clerk — rootAuthLoader, getAuth in loaders,

React Router v7 best practices for data-driven routing.

When to activate: React Server Components, RSC, client boundary, streaming, Suspense, data fetching in RSC, server actions

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider

Use when writing, reviewing, or refactoring React component tests with Testing Library.

When to activate: React Testing Library, vitest, jest, component tests, user-event, MSW, accessibility queries, async testing

Setup react-three-fiber (R3F) with drei for 3D graphics and WebGL scenes.

Use React/React Native code as the source of truth and implement the equivalent feature in iOS/Swift.

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

Poll for changes to any value and trigger React re-renders when it changes.

Chemical reactor design skill for sizing, configuration selection, and performance optimization

Provides quick reference and validation for Unreal Engine ReactUMG layout alignment and visibility enum values.