react-native-setup
React Native 0.83+ and Expo SDK 54+ environment setup. Xcode, Android Studio, CocoaPods, EAS Build troubleshooting.
Why use this skill?
Master React Native 0.83+ and Expo SDK 54+ environment setup. Get expert guidance on Xcode, Android Studio, New Architecture, and EAS build configuration for your mobile projects.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/anton-abyzov/sw-react-native-setupWhat This Skill Does
The react-native-setup skill acts as an expert consultant for modern React Native and Expo development environments. It specializes in configuring development workflows for React Native 0.83+ and Expo SDK 54+, ensuring that your local environment is optimized for the New Architecture (Fabric and Turbo Modules). It covers the complex requirements of Xcode 16.1+, Android Studio Ladybug, CocoaPods, and environment variable management for Android SDK and Node.js. Whether you are initializing a project, upgrading an existing codebase, or troubleshooting native build failures on macOS, Windows, or Linux, this skill provides precise terminal commands and configuration paths to resolve roadblocks quickly.
Installation
To integrate this expert skill into your OpenClaw agent, execute the following command in your terminal:
clawhub install openclaw/skills/skills/anton-abyzov/sw-react-native-setup
Once installed, you can trigger the skill by referencing its name in your prompts or by asking general questions about React Native environment parity and native build configurations.
Use Cases
This skill is indispensable for:
- Setting up fresh developer workstations for React Native development, ensuring compatibility with the latest API requirements like Android API 35 and iOS 18/26.
- Migrating legacy applications to the React Native New Architecture (Fabric) by verifying gradle.properties and CocoaPods configuration.
- Troubleshooting CI/CD pipelines via EAS Build, specifically resolving native module build failures or CocoaPods dependency conflicts.
- Standardizing development environments across team members to prevent 'it works on my machine' errors related to Node, Watchman, or Xcode versions.
Example Prompts
- "I am getting a build error on iOS with React Native 0.83, specifically related to Fabric. Can you check my pod install command for the New Architecture?"
- "My Android build in Android Studio Ladybug fails with a Gradle error. How do I verify my ANDROID_HOME and SDK 35 path setup?"
- "What are the recommended Node.js and Watchman versions for a project using Expo SDK 54 on macOS Sequoia?"
Tips & Limitations
This skill is designed for system-level configuration and environment troubleshooting. While it provides high-level architectural advice for the New Architecture, it cannot physically modify your machine's file system without explicit authorization. Always ensure your terminal has the necessary permissions to write to .zshrc or .bash_profile. For best results, run this skill while your project root is active so the agent can inspect your package.json and app.json configurations.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-anton-abyzov-sw-react-native-setup": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-read, code-execution
Related Skills
network-engineer
Cloud network architect for VPC design, service mesh, zero-trust networking, load balancers, and CDN optimization. Use for network troubleshooting or connectivity issues.
jira-multi-project-mapper
Expert in mapping SpecWeave specs to multiple JIRA projects with intelligent project detection and cross-project coordination. Use when syncing to multiple JIRA projects (project-per-team, component-based), or managing bidirectional sync across team boundaries.
helm-chart-scaffolding
Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.
performance-optimization
React Native performance with Hermes V1, FlashList, expo-image v2, concurrent rendering. Use for slow app, memory leaks, or FPS issues.
release-strategy-advisor
Release strategy advisor - detects brownfield patterns (tags, CI/CD, changelogs), recommends versioning strategy based on architecture. Creates release-strategy.md.