React Native Brownfield Migration
callstackincubator/agent-skillsMoving an existing iPhone or Android app to React Native can be tricky. This guide helps you do it step by step. You can use Expo or bare React Native. Pick one path and follow the instructions.
First you check your app and choose a path. Then you run setup commands. Next you package React Native as a XCFramework for iOS or AAR for Android. Finally you add one screen at a time to your host app. This way you avoid rewriting everything at once.
The process uses a tool called @callstack/react-native-brownfield. It handles the tricky parts of mixing native code with React Native. You can migrate safely without breaking your existing app.
Add React Native Brownfield Migration skill to your workflow
Global
mkdir -p ~/.claude/skills/react-native-brownfield-migrationProject
mkdir -p .claude/skills/react-native-brownfield-migrationSource Repository
More Mobile Development Claude Code Skills
Vercel React Native Skillsvercel-labs/agent-skills
Build fast and smooth React Native apps with proven best practices
Xcode Project Setupfirebase/agent-skills
Add Swift packages and files to Xcode projects safely and quickly
Building Native Uiexpo/skills
Build native mobile interfaces with Expo Router and modern UI patterns
Expo Dev Clientexpo/skills
Build custom Expo dev clients for testing native code on real devices
Upgrading Expoexpo/skills
Upgrade Expo SDK versions and fix dependencies with this step by step guide
Expo Deploymentexpo/skills
Deploy Expo apps to iOS, Android, and web with EAS automation
Use Domexpo/skills
Run web code in native apps using Expo DOM components without rewriting
Flutter Apply Architecture Best Practicesflutter/skills
Architect Flutter apps with clean layers for scalability and maintainability