Does this skill support Expo?

Yes, it includes specific tracks and workflows for both Expo-managed and bare React Native integration paths.

What is a brownfield migration in mobile development?

Brownfield migration is the process of integrating React Native or Expo into an existing native iOS or Android application, allowing for incremental adoption rather than a full rewrite.

What artifacts does this skill help generate?

The skill provides guidance for generating XCFrameworks for iOS and AAR (Android Archive) files for Android to be consumed by host native applications.

Can I migrate features one by one?

Yes, the skill emphasizes a phased strategy where you integrate one React Native surface or screen at a time to validate stability before moving to the next feature.

React Native Brownfield Migration

Name: React Native Brownfield Migration
Author: callstackincubator

bycallstackincubator

•

1,195

•

Mobile Development

Facilitates the incremental adoption of React Native or Expo into existing native iOS and Android applications.

This skill provides a prescriptive workflow for migrating native mobile apps to React Native or Expo using the @callstack/react-native-brownfield library. It guides developers through path selection, artifact packaging (XCFramework for iOS and AAR for Android), and phased host integration. By providing specific guardrails and step-by-step instructions for both Expo and bare tracks, it allows teams to integrate React Native features into existing codebases without requiring a full application rewrite.

Características Principales

01Phased integration strategies for embedding React Native surfaces into host apps

02Validation of packaging commands and host-app startup/runtime checks

03Prescriptive guardrails to isolate host apps from direct React Native APIs

04Automated generation of iOS XCFramework and Android AAR artifacts

051,195 GitHub stars

06Guided selection between Expo and bare React Native migration paths

Casos de Uso

01Standardizing artifact packaging for brownfield distribution across teams

02Migrating a legacy native app to React Native feature-by-feature

03Integrating Expo-managed components into an existing bare native project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add callstackincubator/agent-skills react-native-brownfield-migration

For use in Claude.ai and ChatGPT

Características Principales

01Phased integration strategies for embedding React Native surfaces into host apps

02Validation of packaging commands and host-app startup/runtime checks

03Prescriptive guardrails to isolate host apps from direct React Native APIs

04Automated generation of iOS XCFramework and Android AAR artifacts

051,195 GitHub stars

06Guided selection between Expo and bare React Native migration paths

Casos de Uso

01Standardizing artifact packaging for brownfield distribution across teams

02Migrating a legacy native app to React Native feature-by-feature

03Integrating Expo-managed components into an existing bare native project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add callstackincubator/agent-skills react-native-brownfield-migration

For use in Claude.ai and ChatGPT