expo-brownfield

Integrate Expo and React Native into existing iOS and Android apps.

13|3|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/tassiovale/claude-code-kit --skill expo-brownfield-tassiovale
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-brownfield
Source: https://github.com/tassiovale/claude-code-kit/tree/main/skills/expo-brownfield
Command: npx skills add https://github.com/tassiovale/claude-code-kit --skill expo-brownfield-tassiovale

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react-native, expo, node, yarn, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of integrating Expo and React Native into existing native iOS or Android apps, allowing for the incremental adoption of React Native without starting from scratch.

Core Features & Use Cases

  • Incremental Integration: Gradually add React Native capabilities to existing native apps.
  • Approach Flexibility: Offers both isolated and integrated approaches for integration.
  • Use Case: For a company with a native iOS app looking to add interactive elements using React Native, this Skill can help integrate React Native code without rewriting the entire app.

Quick Start

Use the 'expo-brownfield' skill to integrate React Native into your existing iOS app by following the provided instructions for the 'integrated' approach.

Frequently Asked Questions about expo-brownfield

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate React Native into an existing native iOS app?

To integrate React Native into an existing native iOS app, you can use an incremental approach that leverages CocoaPods for build system integration, allowing you to add React Native features without rewriting the entire application.

Can I add Expo to an existing Android app incrementally?

Yes, you can incrementally add Expo to an existing Android app by using an integrated approach with Gradle for build system integration, which supports adding cross-platform features gradually.

What is a brownfield approach for React Native integration?

A brownfield approach for React Native integration involves seamlessly introducing cross-platform capabilities into existing native iOS or Android applications without requiring a complete rewrite from scratch.

Do I need Node.js and Yarn to set up Expo in existing native apps?

Yes, setting up Expo in existing native apps requires Node.js, Yarn, and Expo CLI to properly configure the development environment and manage dependencies for incremental feature addition.

What is the difference between isolated and integrated approaches for React Native brownfield apps?

The isolated approach keeps React Native separate, while the integrated approach uses Gradle and CocoaPods to merge build systems directly into existing native apps, enabling hot reload capabilities.

Does React Native brownfield integration support hot reload?

Yes, React Native brownfield integration supports hot reload capabilities when using the integrated approach, which connects the build system through Gradle and CocoaPods for immediate updates during development.