A comprehensive framework for engineering high-performance mobile applications using the React Native and Expo ecosystems.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install minimax-react-native-dev
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install minimax-react-native-dev using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is React Native & Expo Development?
This guide within Openclaw Skills provides a production-first approach to mobile development. It covers the full lifecycle of building cross-platform apps, from initial project architecture with Expo Router to advanced performance tuning and deployment. By utilizing these Openclaw Skills, developers can implement complex features like shared-value animations, efficient data fetching with React Query, and native module integration with ease.
The focus is on using modern, high-performance alternatives to legacy components, ensuring that applications built with this skill remain fluid, responsive, and maintainable. It bridges the gap between basic UI development and professional mobile engineering by incorporating industry-standard tools like Reanimated 3, FlashList, and EAS.
React Native & Expo Development Use Cases
- Creating high-performance cross-platform mobile applications for iOS and Android.
- Implementing fluid, 60FPS animations and gesture-based interactions.
- Architecting scalable navigation structures using file-based routing.
- Optimizing large-scale data lists to prevent scroll jank and memory leaks.
- Managing complex application state and offline data synchronization.
How React Native & Expo Development Works
- Initialize the project using the Expo TypeScript template to establish a type-safe foundation.
- Configure file-based routing and layouts to manage application flow and deep linking.
- Integrate optimized UI components such as FlashList for efficient rendering and expo-image for advanced caching.
- Apply global state management and networking logic using tools like Zustand and React Query.
- Implement native device capabilities such as camera access, haptics, and biometrics through unified hooks.
- Run performance profiling to identify and resolve layout thrashing or bundle size issues.
- Deploy the application to the App Store and Play Store using EAS Build and Submit workflows.
React Native & Expo Development Setup
To begin using these Openclaw Skills for your mobile project, execute the following commands:
# Create a new Expo project
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
# Install core navigation and UI dependencies
npx expo install expo-router react-native-safe-area-context react-native-screens
# Add performance and animation libraries
npx expo install expo-image react-native-reanimated react-native-gesture-handler
Ensure your package.json main entry is set to expo-router/entry to enable file-based routing.
React Native & Expo Development Data Schema & Taxonomy
The skill follows a modular project structure to maintain clean separation of concerns within Openclaw Skills.
| Folder | Responsibility |
|---|---|
app/ |
Contains all routes, layouts, and navigation logic. |
components/ui/ |
Houses reusable, atomic UI elements and styling. |
stores/ |
Manages global state using Zustand or Jotai atoms. |
services/ |
Handles API definitions, fetch wrappers, and webhooks. |
references/ |
Stores documentation for specific modules like animations and testing. |
React Native & Expo Development Advanced Features
- NativeWind v4 integration for Tailwind-style styling on mobile.
- Advanced gesture handling and scroll-driven animations with Reanimated 3.
- Automated CI/CD pipeline configuration using Expo Application Services (EAS).
- E2E testing workflows using Maestro for critical user path validation.
- R8 optimization and bundle analysis for minimizing binary size on Android.
SKILL.md
Loading
Related Openclaw Skills
cre-scraper
A specialized AI agent skill for scraping and analyzing commercial real estate listings from Crexi and LoopNet using Claude in Chrome.
Vmaker AI Video Editor
An AI-powered video editing suite that automates trimming, captioning, and enhancing footage through simple natural language commands.
TikiCow
An advanced AI agent integration for automating gameplay, resource management, and economic strategy within the TikiCow browser farming simulator.
China Hospital Recommendation Report
A professional-grade skill for generating English-language hospital recommendation reports and medical travel deliverables for the Chinese healthcare market.
GIF Sticker Maker
An AI-driven skill that converts photos into four animated, Funko Pop-style GIF stickers with localized captions.
Flutter Development
A comprehensive framework for building high-performance, cross-platform Flutter applications with industry-standard state management and optimization patterns.
Featured*
