mobile-project-setup

Scaffold an Expo React Native project with TypeScript and file-based routing.

2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-project-setup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-project-setup
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-project-setup
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-project-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many developers need a fast, opinionated way to start a mobile app without wrestling with native toolchains, routing choices, or TypeScript configuration; this Skill streamlines project creation so teams can focus on features instead of setup.

Core Features & Use Cases

  • Opinionated scaffolding: Generates an Expo project with TypeScript and file-based routing to enforce a consistent starting point.
  • Project structure & configuration: Recommends a clear app/, assets/, components/, and config layout and guides proper app.json fields such as name, slug, scheme, and bundle identifiers.
  • Guided integrations: Provides next-step recommendations and links for common integrations like camera, authentication, and navigation, and verifies the developer environment before scaffolding.

Quick Start

Scaffold a new Expo TypeScript project named my-app using create-expo-app and update app.json with your app name, slug, scheme, and platform bundle identifiers.

Frequently Asked Questions about mobile-project-setup

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

FAQPage Schema
How do I scaffold a new Expo TypeScript project with file-based routing?

Scaffold an Expo TypeScript project with file-based routing by running create-expo-app with Expo Router. This generates a ready-to-run mobile app using an opinionated directory structure with app/, assets/, and components/ folders.

What configuration does app.json need for a new Expo React Native app?

Configuring app.json for an Expo React Native app requires setting the app name, slug, scheme, and platform-specific bundle identifiers. These fields ensure proper project identification and native build compatibility across iOS and Android.

Do I need Node.js 20+ to create an Expo app with Expo Router?

Yes, you need Node.js 20+ to create an Expo app with Expo Router. The scaffolding process verifies your developer environment before generating the TypeScript project to ensure compatibility with the required toolchains.

What's the best way to structure a new React Native app for camera and auth integrations?

The best way to structure a React Native app for camera and auth integrations is using an opinionated scaffold with dedicated app/, assets/, and components/ directories. This provides guided next-step recommendations for integrating features like camera and authentication.

Why use Expo Router for file-based routing in a TypeScript React Native project?

Using Expo Router for file-based routing in a TypeScript React Native project enforces a consistent starting point by mapping your file structure directly to navigation routes. This eliminates manual routing configuration and lets teams focus on features.