Agent skills for Codex CLI

Use when optimizing React Native app performance.

Use when handling platform-specific code in React Native for iOS and Android.

Provides one-command project creation for React Native including project initialization, configuration, and template generation.

Generate React Native Reanimated animation code for React Native apps.

Expert in React Native environment setup and configuration.

React and Next.js-specific analysis: hooks rules violations, stale closures, unstable references, hydration mismatches, server/client…

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

When to activate: React performance optimization, bundle size, code splitting, lazy loading, profiler, memoization, concurrent features

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

React render performance patterns including React Compiler integration, memoization strategies, TanStack Virtual, and DevTools profiling.

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.

React Server Components, Suspense boundaries, streaming SSR, partial prerendering patterns for Next.js App Router.

Use when building Next.js 16+ apps with React Server Components.

This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server…

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

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

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes.

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