Technical & DevelopmentAdvanced
react-native-brownfield-migration
Incremental adoption strategy to migrate native apps to React Native.
Developer Setup
Setup & Installation
bash
npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-brownfield-migrationnpx skills add https://github.com/callstackincubator/agent-skills --skill react-native-brownfield-migrationOr paste this URL into your assistant to install:
Overview
What This Skill Does
Provides a structured migration flow using @callstack/react-native-brownfield to package and embed React Native screens into native iOS (XCFrameworks) and Android (AARs) apps.
Application
When to use this Skill
- Planning an incremental feature-by-feature rewrite of existing native Swift/Kotlin codebases.
- Packaging a React Native app into binary components like iOS XCFrameworks or Android AAR libraries.
- Configuring custom Expo plugin setups to support legacy native codebases.
- Integrating dynamic React Native views into native navigation controllers or activities.
- Setting up initial preflight dependencies with `@callstack/react-native-brownfield`.
Documentation
Show Skills.md file
Migrating to React Native
Overview
Prescriptive workflow for incremental adoption of React Native in existing native apps using @callstack/react-native-brownfield, from initial setup through phased host integration.
- Expo track
- Bare React Native track
Use one track per task unless the user explicitly asks for migration or comparison.
Migration Strategy
Use this strategy for brownfield migration planning and execution:
- Assess app state and select Expo or bare path.
- Perform initial setup with
@callstack/react-native-brownfield. - Package RN artifacts (
XCFramework/AAR) from the RN source app. - Integrate one RN surface into the host app and validate startup/runtime.
- Repeat integration by feature/screen for incremental rollout.
Agent Guardrails (Global)
Apply these rules across all reference files:
Lines 1 - 25 of 105
Recommendations