react-native-brownfield-migration

Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them into host apps.

Install with Tessl CLI

npx tessl i github:callstackincubator/agent-skills --skill react-native-brownfield-migration

What are skills?

Review — 85%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Validation — 10 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

Evaluation results

98%

60%

Android Integration for React Native Brownfield

Expo Android brownfield integration

Criteria

Without context

With context

app.json plugin entry

100%

Package command module flag

100%

Package command variant flag

100%

Publish to Maven local

100%

AppCompatActivity usage

100%

ReactNativeHostManager initialize

100%

onConfigurationChanged forwarding

40%

100%

ReactNativeFragment usage

100%

Registered module name placeholder

75%

mavenLocal in host

100%

Brownfield package installed

100%

Without context: $0.8504 · 4m 27s · 25 turns · 30 in / 17,480 out tokens

With context: $0.6949 · 2m 4s · 34 turns · 1,221 in / 7,869 out tokens

100%

76%

iOS XCFramework Packaging Setup for Bare React Native

Bare iOS XCFramework generation setup

Criteria

Without context

With context

@_exported import

100%

InternalClassForBundle pattern

100%

Build Libraries for Distribution

100%

User Script Sandboxing disabled

100%

Skip Install disabled

100%

Module Verifier disabled

100%

xcode.env input files

100%

Package command --configuration Release

100%

Package command --scheme flag

100%

Three frameworks linked

25%

100%

Bundle assigned before startup

100%

UIKit vs SwiftUI render API

100%

Without context: $0.4916 · 2m 52s · 18 turns · 62 in / 10,054 out tokens

With context: $0.6887 · 2m 13s · 31 turns · 35 in / 8,764 out tokens

98%

56%

Android Library Module Setup for React Native Brownfield Packaging

Bare Android AAR module configuration

Criteria

Without context

With context

com.android.library plugin

100%

org.jetbrains.kotlin.android plugin

100%

com.facebook.react plugin

100%

com.callstack.react.brownfield plugin

100%

maven-publish plugin

100%

autolinkLibrariesWithApp

100%

ReactNativeHostManager facade

35%

85%

PackageList used in facade

100%

package:android command

100%

publish:android command

100%

mavenLocal in host settings

12%

100%

Library not app module

100%

Without context: $0.4182 · 2m 10s · 17 turns · 22 in / 8,053 out tokens

With context: $0.6205 · 1m 59s · 28 turns · 1,091 in / 7,606 out tokens

Evaluated: about 13 hours ago
Agent: Claude Code

Table of Contents

Android Integration for React Native Brownfield iOS XCFramework Packaging Setup for Bare React Native Android Library Module Setup for React Native Brownfield Packaging

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.