Agent skills for Claude Desktop

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.

Debugging, build analysis, and ecosystem tools.

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.

Streamlines Unreal Engine UI development by providing precise structural guidance for SlateColor and LinearColor types in ReactUMG.

Provides comprehensive development rules and patterns for building Unreal Engine interfaces with ReactUMG.

Optimizes ReactUMG performance by enforcing proper component identity management and key usage patterns in Unreal Engine.

Streamlines UI layout and positioning in Unreal Engine using standardized ReactUMG slot mapping rules.