skills.rest
PlaneInABottle
PlaneInABottleCOMMUNITY
Explore all skills by this author →
GitHub

react-native-expo

Scaffold React Native apps with Expo, Expo Router, NativeWind, and MobX.

1|Updated Aug 26, 2025
Search Tags:#scaffold#tailwind#react-native#expo#mobx#expo-router
One-click install
npx skills add https://github.com/PlaneInABottle/configs --skill react-native-expo-planeinabottle
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-expo
Source: https://github.com/PlaneInABottle/configs/tree/main/agents/.agents/skills/react-native-expo
Command: npx skills add https://github.com/PlaneInABottle/configs --skill react-native-expo-planeinabottle

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Scaffold and bootstrap production-ready React Native apps using Expo (managed), Expo Router (file-based routing), NativeWind (Tailwind styling), and MobX (state management), saving time on project setup.

Core Features & Use Cases

  • Scaffold templates for app structure (app/, stores/, components/, lib/, etc.)
  • Integrate MobX stores and Expo Router navigation
  • Apply NativeWind styling and Tailwind configuration
  • Use with domain skills (supabase, deep-linking, react-native-push) for backend, auth, and notifications
  • Use Case: rapidly bootstrap a new mobile app with commonly used architecture to accelerate MVP delivery.

Quick Start

Copy the template from assets/template-bare into your project folder, install dependencies, and start the Expo development server.

Frequently Asked Questions about react-native-expo

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

FAQPage Schema
How do I scaffold a React Native app with Expo Router and MobX?▼

To scaffold a React Native app with Expo Router and MobX, copy the ready-to-use template from the assets directory into your project folder, install dependencies, and start the Expo development server to deliver a production-ready template.

Can I use Tailwind styling in my Expo managed workflow project?▼

You can apply Tailwind styling in an Expo managed project by integrating NativeWind. This Skill configures Tailwind and applies mobile styling within the bootstrapped app structure to provide immediate UI component styling.

What is the best way to bootstrap a React Native MVP with file-based routing?▼

The best way to bootstrap a React Native MVP with file-based routing is using this Expo template. It pre-configures Expo Router navigation and MobX state management to rapidly accelerate mobile app delivery.

Does this Expo template support adding navigation screens and MobX stores?▼

Yes, the Expo template supports adding screens and configuring navigation. It provides a structured app directory to integrate MobX stores and Expo Router navigation for managing mobile application state.

Do I need a specific project structure to set up React Native with NativeWind?▼

You need a defined skill structure with directories for scripts, references, and assets. The setup applies NativeWind styling and Tailwind configuration using a ready-to-use template stored under the assets directory.

Related Skills

Explore More Software Engineering Skills→
shiroginshirogin
1

upgrading-expo

Automate Expo SDK version upgrades and dependency alignment across React Native projects.

Community
Intermediate
PlaneInABottlePlaneInABottle

react-native-push

Register Expo push tokens and send notifications in React Native apps.

Community
Advanced
yurkennyurkenn
1

tailwind-setup

Configure Tailwind CSS v4 in Expo projects with NativeWind and react-native-css.

Community
Intermediate
treesus6treesus6
1

erne-native-module

Scaffold and validate React Native native modules across iOS and Android.

Community
Advanced