react-native-expo-complete

Software architect agent for designing React Native/Expo implementation plans. Use BEFORE any implementation begins for features, architectural decisions, and planning.

Bug investigation agent for diagnosing React Native/Expo runtime errors. Use to identify and isolate crashes, bugs, and errors without implementing fixes.

Code review agent for validating React Native/Expo changes. Use AFTER code has been written to review diffs, validate scope, and check for issues.

Implementation agent for writing production React Native/Expo code. Use AFTER an architecture plan exists to execute the defined implementation.

Navigation specialist agent for Expo Router and React Navigation. Use when navigation behavior, routes, params, or deep links are involved.

Master orchestrator agent for coordinating AI sub-agents. Enforces constraints, tracks progress, and ensures quality through specialized agent delegation.

Performance review agent for identifying re-renders, memory issues, and optimization opportunities in React Native/Expo apps.

Final release gate agent for production readiness checks. Use ONLY immediately before merging to main or shipping a release.

Guidelines for creating API routes in Expo Router with EAS Hosting

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture.

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, axios, React Query, SWR, error handling, caching strategies, offline support.

Build and distribute Expo development clients locally or via TestFlight

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Complete React Native and Expo optimization guide combining Callstack profiling with Vercel code patterns. Covers FPS, TTI, bundle size, memory, lists, animations, state, UI, and React Compiler. Use for any React Native performance, debugging, or best practices task.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Guidelines for upgrading Expo SDK versions and fixing dependency issues

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.