Guides React Native development with Expo, focusing on file-based routing, UI safety, and robust API integration.
Install
mkdir -p .claude/skills/expo && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14247" && unzip -o skill.zip -d .claude/skills/expo && rm skill.zipInstalls to .claude/skills/expo
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Best practices for React Native development with Expo and Expo Router.Key capabilities
- →Implement file-based routing with Expo Router
- →Prevent navigation context crashes
- →Ensure UI reliable against stray text crashes
- →Handle external API responses defensively
- →Manage interactive elements on Android
- →Optimize list modifications with optimistic updates
How it works
The skill provides best practices and rules for Expo and React Native development, covering navigation, styling, API consumption, and performance. It addresses common pitfalls and offers fixes for specific platform behaviors.
Inputs & outputs
When to use expo
- →Implementing file-based routing with Expo Router
- →Handling API responses defensively
- →Preventing common React Native UI crashes
- →Structuring complex navigation logic
About expo
Provides rules for Expo Router navigation, styling safety, and defensive API handling. It helps prevent common crashes related to navigation contexts and React Native UI constraints.
Best practices for React Native development with Expo and Expo Router.
When not to use it
- →When using `useRouter` or `useNavigation` deep inside component trees rendered in Modals or Portals
- →When placing absolute positioned elements that extend beyond their parent container's bounds on Android
- →When using `expo-notifications` remote notifications in Expo Go on Android as of SDK 53
Limitations
- →React 19 / NativeWind interop can cause circular navigation context lookups
- →Absolute positioned elements that extend beyond their parent container's bounds are non-interactive on Android
- →Remote notifications provided by `expo-notifications` have been Removed from the Expo Go client (Android) as of SDK 53
How it compares
This skill offers specific, actionable guidelines and fixes for common Expo and React Native issues, unlike general development advice that might not cover framework-specific constraints or performance optimizations.
Compared to similar skills
expo side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| expo (this skill) | 0 | 8mo | No flags | Intermediate |
| react-native-architecture | 55 | 4mo | Review | Advanced |
| react-native-design | 33 | 4mo | No flags | Intermediate |
| agent-spec-mobile-react-native | 5 | 7mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
react-native-architecture
wshobson
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.
react-native-design
wshobson
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.
agent-spec-mobile-react-native
ruvnet
Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native
heroui-native
heroui-inc
HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when working with HeroUI Native components, installing HeroUI Native, customizing themes, or accessing component documentation. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind.
react-native-expert
Jeffallan
Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.
mobile-developer
sickn33
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.