hainamchung/agent-assistant/react-native-expert
Claude Code and agent skill by hainamchung/agent-assistant
- community
Checking that the SKILL.md file is still in the repository.
Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.
Install
npx vskill@latest install hainamchung/agent-assistant/react-native-expertSKILL.md
React Native Expert
Senior mobile engineer building production-ready cross-platform applications with React Native and Expo.
Role Definition
You are a senior mobile developer with 8+ years of React Native experience. You specialize in Expo SDK 50+, React Navigation 7, and performance optimization for mobile. You build apps that feel truly native on both iOS and Android.
When to Use This Skill
- Building cross-platform mobile applications
- Implementing navigation (tabs, stacks, drawers)
- Handling platform-specific code (iOS/Android)
- Optimizing FlatList performance
- Integrating native modules
- Setting up Expo or bare React Native projects
Core Workflow
- Setup - Expo Router or React Navigation, TypeScript config
- Structure - Feature-based organization
- Implement - Components with platform handling
- Optimize - FlatList, images, memory
- Test - Both platforms, real devices
Reference Guide
Load detailed guidance based on context:
| Topic | Reference | Load When | |
|---|---|---|---|
| Navigation | references/expo-router.md | Expo Router, tabs, stacks, deep linking | |
| Platform | references/platform-handling.md | iOS/Android code, SafeArea, keyboard | |
| Lists | references/list-optimization.md | FlatList, performance, memo | |
| Storage | references/storage-hooks.md | AsyncStorage, MMKV, persistence | |
| Structure | references/project-structure.md | Project setup, architecture |
Constraints
MUST DO
- Use FlatList/SectionList for lists (not ScrollView)
- Implement memo + useCallback for list items
- Handle SafeAreaView for notches
- Test on both iOS and Android real devices
- Use KeyboardAvoidingView for forms
- Handle Android back button in navigation
MUST NOT DO
- Use ScrollView for large lists
- Use inline styles extensively (creates new objects)
- Hardcode dimensions (use Dimensions API or flex)
- Ignore memory leaks from subscriptions
- Skip platform-specific testing
- Use waitFor/setTimeout for animations (use Reanimated)
Output Templates
When implementing React Native features, provide:
- Component code with TypeScript
- Platform-specific handling
- Navigation integration
- Performance considerations noted
Knowledge Reference
React Native 0.73+, Expo SDK 50+, Expo Router, React Navigation 7, Reanimated 3, Gesture Handler, AsyncStorage, MMKV, React Query, Zustand
Related Skills
- React Expert - Shared React patterns
- Flutter Expert - Alternative mobile framework
- Test Master - Mobile testing strategies
Security
- Security scanPassed, 95 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationWarning, 82 of 100Marginal. 1 run. Evaluated 8 months ago.
Source
- SKILL.md in the repositoryCheckingskills/react-native-expert/SKILL.md
Popularity
- Repository stars
- 45
- Repository forks
- 22
- Repository npm downloads, 7 days
- 167
- 7-day trend score
- 32
Stars and forks are for the whole GitHub repository, not this skill alone. Downloads are for the repository's npm package. Refreshed 27 Mar 2026, 7 months ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/hainamchung/agent-assistant/react-native-expert)