skills.rest
phrazzld
phrazzldCOMMUNITY
Explore all skills by this author →
GitHub

mobile-migrate

Add an Expo React Native app to an existing web monorepo.

13|3|Updated Mar 2, 2026
Search Tags:#mobile development#monorepo#react native#code sharing#expo#eas build
One-click install
npx skills add https://github.com/phrazzld/agent-skills --skill mobile-migrate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-migrate
Source: https://github.com/phrazzld/agent-skills/tree/main/packs/scaffold/mobile-migrate
Command: npx skills add https://github.com/phrazzld/agent-skills --skill mobile-migrate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of integrating a new mobile application into an existing web project, enabling code sharing and a unified development experience.

Core Features & Use Cases

  • Monorepo Integration: Seamlessly adds an Expo React Native app to a pre-existing monorepo structure.
  • Code Sharing: Facilitates sharing of logic, design tokens, authentication, and backend integrations between web and mobile applications.
  • Use Case: You have a successful web application and want to expand to iOS and Android. This skill helps you create a new mobile app that leverages your existing codebase and infrastructure.

Quick Start

Run the scaffold-expo.sh script to set up a new Expo app within your monorepo.

Frequently Asked Questions about mobile-migrate

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

FAQPage Schema
How do I add an Expo React Native app to an existing web monorepo?▼

Adding an Expo React Native app to a web monorepo is automated by creating a shared `packages/shared` directory and configuring cross-platform build pipelines using pnpm. You can run the scaffold script to set up the mobile app quickly.

What is the best way to share code between web and mobile applications?▼

Sharing code between web and mobile applications is achieved by structuring your project as a monorepo. This approach centralizes logic, design tokens, authentication, and backend integrations into a shared directory accessible by both platforms.

Can I use EAS Build with a pnpm monorepo?▼

EAS Build works with a pnpm monorepo by configuring cross-platform build and submission pipelines. The setup process establishes the necessary project structure to unify web and mobile development workflows.

Do I need an existing web application to use this mobile integration approach?▼

An existing web application within a monorepo structure is required. This approach specifically targets projects that already have a web app and want to expand to iOS and Android while leveraging their current codebase and infrastructure.

What kind of logic can I share between Expo and web apps?▼

You can share logic, design tokens, authentication, and backend integrations between Expo and web apps. This is facilitated by creating a shared `packages/shared` directory that both platforms reference.

Related Skills

Explore More Software Engineering Skills→
estebandrgestebandrg

package-manager

Enforce dependency placement and workspace boundaries in Liftera's pnpm monorepo.

Community
Intermediate
Yemomo511Yemomo511
2

expo-cicd-workflows

Generate EAS workflow YAML configurations for Expo mobile projects.

Community
Intermediate
YangTaeyoungYangTaeyoung

package-layer

Validate shared Go packages in the pkg/ directory for interface design, constructors, error handling, context, and security.

Community
Advanced
EngineerWithAIEngineerWithAI
4

react-native-architecture

Configure Expo projects with Expo Router, React Query, and EAS builds.

Official
Advanced