react-native-brownfield-migration

Plan incremental React Native or Expo migration from native iOS or Android apps.

28|1|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/bidah/react-native-hifi --skill react-native-brownfield-migration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-brownfield-migration
Source: https://github.com/bidah/react-native-hifi/tree/main/skills/react-native-brownfield-migration
Command: npx skills add https://github.com/bidah/react-native-hifi --skill react-native-brownfield-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill organizes strategy for incremental adoption of React Native or Expo in existing native iOS and Android apps, removing confusion around path selection, packaging, and host integration when using @callstack/react-native-brownfield.

Core Features & Use Cases

  • Path Selection Gate: Force a single Expo or bare path per task, inspect project files, and ask disambiguation questions if intent is unclear.
  • Packaging Coverage: Guide team members through packaging XCFrameworks or AARs via the brownfield CLI and publishing artifacts for consumption.
  • Host Integration Guardrails: Ensure runtime initialization, module naming, and Maven/local framework linking follow the recommended sequences for Android and iOS apps.

Quick Start

Ask the agent to plan a staged Expo or bare brownfield migration covering assessment, packaging, and host integration.

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 incrementally migrate an existing native iOS app to React Native?

To incrementally migrate native iOS apps to React Native, you package JavaScript code into an XCFramework and integrate it into the host app. This process involves assessing project state, generating the artifact, and ensuring proper runtime initialization and framework linking.

Should I choose Expo or bare React Native for a brownfield migration?

Choosing between Expo and bare React Native for brownfield migration requires evaluating your project files and intent. This Skill enforces a single path selection gate, asking disambiguation questions to determine whether the Expo or bare workflow best fits your host app integration needs.

How do I package a React Native brownfield AAR for an Android host app?

Packaging a React Native brownfield AAR for Android involves using the brownfield CLI to generate the artifact and publishing it for consumption. This workflow ensures module naming and Maven or local framework linking follow recommended host integration guardrails before starting the integration.

What is React Native brownfield integration and when do I need it?

React Native brownfield integration is the strategy of incrementally adopting React Native or Expo within existing native iOS or Android apps. You need it when introducing React Native screens or modules without rewriting the entire host application from scratch.

What are the limitations of using @callstack/react-native-brownfield for migrations?

Limitations of @callstack/react-native-brownfield migrations include the strict requirement to choose only one Expo or bare path per task and the necessity to validate placeholder usage. You must also confirm that artifact packaging succeeds before starting any host integration steps.