Skill

React Native Brownfield Migration

Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using…

Type: Skill
Repository: callstackincubator/agent-skills
GitHub stars: 1.7k
License: MIT
Repo last updated: Sep 16, 2026
Source file: README.md

What React Native Brownfield Migration is

React Native Brownfield Migration is a skill published in the callstackincubator/agent-skills repository on GitHub, which has about 1.7k stars. The repository describes itself as: “A collection of agent-optimized React Native skills for AI coding assistants.”

A skill is a folder with a SKILL.md file: frontmatter with a name and a description, followed by instructions Claude follows. Claude loads a skill automatically when a task matches its description, and you can also run it directly with a slash and its name.

Skills work in Claude Code and in Claude Cowork, which makes React Native Brownfield Migration a portable way to give Claude the same method everywhere.

How to install React Native Brownfield Migration

Claude Code

Download the react-native-brownfield-migration folder from the repository.
Save it as ~/.claude/skills/<skill-name>/SKILL.md for all projects, or .claude/skills/<skill-name>/SKILL.md for one project.
Claude loads it automatically when a task matches; you can also run it with / and its name.

Claude Cowork

Zip the skill folder so SKILL.md sits at the top level of the folder.
Open Customize → Skills, click +, then upload the ZIP.
Start a task that matches the description, or call it by name with /.

New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.

Inside the source file

An excerpt from README.md, shared under the repository's MIT license. Read the full file on GitHub.

Callstack Agent Skills give AI coding assistants practical React Native knowledge drawn from our work on production apps.

What's included

The skills are organized into three bundles.

Quick start

Choose your assistant:

OpenAI Codex

Open Plugins, search for react native, and install the bundle you need.

Manual installation

For Claude Code, Cursor, GitHub Copilot, Gemini CLI, OpenCode, and other compatible assistants, install all Callstack-maintained skills with the skills CLI:

npx skills@latest add callstackincubator/agent-skills --skill '*'

The CLI will ask which assistant and installation scope to use. To install only one skill, select it interactively or pass its name:

npx skills@latest add callstackincubator/agent-skills --skill react-native-best-practices

If your assistant does not support the skills CLI, see the AI Assistant Integration Guide for direct setup instructions.

Try it

Once installed, ask your assistant naturally. It will select the relevant skill from the task context.

Review this React Native screen for performance problems.

Plan an upgrade from this project's React Native version to the latest supported release.

Assess whether this native iOS and Android product should migrate incrementally.

Build downloadable iOS simulator and Android emulator artifacts in GitHub Actions.

Verify this checkout flow on iOS and capture evidence for any failures.

Skills

Callstack-maintained skills live in this repository. The Testing React Native Apps bundle also includes the external skills linked below.

Build and optimize

Test and verify

Migrate and modernize

Guides and related resources

AI Assistant Integration Guide explains setup for Cursor, GitHub Copilot, Claude API, ChatGPT, Windsurf, and other assistants.
The Ultimate Guide to React Native Optimization is the foundation for the performance skill.
AI-Supported Brownfield Migration to React Native explains the migration workflow behind the brownfield skills.
Bring React Native Into Your App, One Step at a Time covers incremental adoption for native iOS and Android teams.
Optimization Best Practices contains runnable examples for React Compiler, dedicated React Native SDKs, and Android R8.

Repository structure

skills/    Standalone Callstack-maintained Agent Skills
plugins/   Claude Code and Codex plugin bundles
docs/      Integration and contributor guides

Each skill starts with a SKILL.md file and can include focused material under references/. Plugin manifests collect related skills into installable bundles.

Contributing

Contributions should be actionable, easy for an agent to discover, and complete enough to use without hidden context.

When adding or editing a skill, follow the Agent Skills specification, the repository's skill conventions, and the maintainer checklist in AGENTS.md.

About Callstack

Callstack is a team of React and React Native experts. These skills package practical workflows from our engineering work into reusable guidance for coding assistants.

The repository is available under the MIT License. Contact [email protected] if you need help with React Native or want to contribute.

Before you install

Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
Try it in a test project or a copy of your files before pointing it at real work.
Pin the version you tested, and review changes before updating.
Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.

FAQ

What is React Native Brownfield Migration?

React Native Brownfield Migration is a skill for Claude Code and Claude Cowork from the callstackincubator/agent-skills repository on GitHub. Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using…

How do I install React Native Brownfield Migration in Claude Code?

Download the react-native-brownfield-migration folder from the repository. Save it as ~/.claude/skills/<skill-name>/SKILL.md for all projects, or .claude/skills/<skill-name>/SKILL.md for one project. Claude loads it automatically when a task matches; you can also run it with / and its name.

Can I use React Native Brownfield Migration in Claude Cowork?

Zip the skill folder so SKILL.md sits at the top level of the folder. Open Customize → Skills, click +, then upload the ZIP. Start a task that matches the description, or call it by name with /.

Is React Native Brownfield Migration safe to install?

It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.

Similar resources

Browse all skills, subagents, and plugins →

Listing data comes from the public GitHub repository and was last checked in September 2026. Excerpts are © their authors and shared under MIT. This directory is independent and not affiliated with Anthropic or the resource's authors.