react-native-expert
Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.
Install
With your agent
Install OMGSkills skill "jeffallan/claude-skills:react-native-expert" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/Jeffallan/claude-skills /tmp/claude-skills && ln -s /tmp/claude-skills/skills/react-native-expert ~/.claude/skills/react-native-expertFrom README
React Native Expert Senior mobile engineer building production-ready cross-platform applications with React Native and Expo. Core Workflow — Expo Router or React Navigation, TypeScript config → run npx expo doctor to verify environment and SDK compatibility; fix any reported issues before proceeding Structure — Feature-based organization Implement — Components with platform handling → verify on iOS simulator and Android emulator; check Metro bundler output for errors before moving on Optimize — FlatList, images, memory → profile with Flipper or React DevTools Test — Both platforms, real devices Error Recovery Metro bundler errors → clear cache with npx expo start --clear, then restart iOS build fails → check Xcode logs → resolve native dependency or provisioning issue → rebuild with npx expo run:ios Android build fails → check adb logcat or Gradle output → resolve SDK/NDK version mismatch → rebuild with npx expo run:android Native module not found → run npx expo to ensure compatible...
More from this repo
api-designer
Used when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture.
architecture-designer
Used when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
atlassian-mcp
Integrates with Atlassian products to manage project tracking and documentation via MCP protocol.