react-native-brownfield-migration

Guide incremental migration from native iOS/Android apps to React Native or Expo.

1.6k|115|Updated Jan 14, 2026

Search Tags:#react-native #aar #xcframework #app migration #brownfield migration #native app integration

Ready to run

npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-brownfield-migration-callstackincubator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-native-brownfield-migration
Source: https://github.com/callstackincubator/agent-skills/tree/main/skills/react-native-brownfield-migration
Command: npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-brownfield-migration-callstackincubator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexity of migrating native iOS or Android applications to React Native, guiding you through the process from assessment to incremental integration.

Core Features & Use Cases

Assessment: Determines the best migration path and initial setup.
Packaging: Generates XCFramework/AAR artifacts for native app hosting.
Integration: Assists in integrating the React Native app with native hosts.
Use Case: If you're looking to add React Native features to a native Android or iOS app, this Skill can help with setting up the project and guiding you through the migration process.

Quick Start

Run the skill 'react-native-brownfield-migration' to initiate the brownfield migration process for your application.

Frequently Asked Questions about react-native-brownfield-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I migrate a native iOS or Android app to React Native incrementally?▼

Brownfield migration allows you to add React Native features to existing native iOS or Android apps by packaging React Native code into native artifacts and integrating them into native hosts incrementally.

What is brownfield migration in React Native and when do I need it?▼

Brownfield migration is the process of incrementally introducing React Native into existing native iOS or Android applications rather than rewriting them, needed when you want to add React Native features to native hosts.

How do I package a React Native app as an XCFramework or AAR for native integration?▼

Packaging a React Native app for native integration involves generating XCFramework for iOS or AAR for Android artifacts, which are then embedded into existing native host applications to run React Native screens.

Can I use Expo for brownfield migration into an existing native app?▼

Yes, brownfield migration workflows support both bare React Native and Expo integration, allowing you to package your React Native application and embed it within existing native iOS or Android host environments.

What's the best way to add React Native features to an existing native Android app?▼

The best way to add React Native features to an existing native Android app is through brownfield migration, which involves packaging your React Native code into an AAR artifact and integrating it into the native host.

Does brownfield migration require a complete rewrite of my native iOS app?▼

No, brownfield migration does not require a complete rewrite; it uses a phased integration approach to incrementally add React Native screens and features to your existing native iOS or Android application.