mobile-navigation-setup

Configure file-based navigation for Expo Router mobile apps.

2|Updated Apr 3, 2026

Search Tags:#navigation #mobile #router #tabs #expo #typed routes #deep linking

Ready to run

npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-navigation-setup

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-navigation-setup
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-navigation-setup
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-navigation-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users struggle to set up navigation in Expo Router projects, needing to understand file‑based routing, layout files, and deep linking, which can be time‑consuming and error‑prone.

Core Features & Use Cases

File‑based routing guidance: Explains the app directory conventions, layout files, and dynamic segments.
Navigator scaffolding: Provides example structures for root, tab, and stack layouts, including drawer integration.
Typed routes and deep linking: Shows how to enable typed routes and configure a custom URL scheme.
MCP tool integration: Lists MCP commands for generating screens, installing dependencies, and checking the development environment.

Quick Start

Ask the assistant to set up a tab navigation with Home, Search, and Profile screens in an Expo Router project.

Frequently Asked Questions about mobile-navigation-setup

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

FAQPage Schema

How do I configure file-based navigation for an Expo Router app?▼

Set up a tab navigator by defining a layout file in the app directory and adding screen files for each route. This file-based navigation structure generates tab layouts automatically, scaffolding screens like Home, Search, and Profile without manual route configuration.

What is the best way to enable typed routes in Expo Router?▼

Configure a custom URL scheme and enable typed routes in the Expo Router configuration to support deep linking. This setup maps incoming URLs to the correct file-based routes, allowing users to open specific screens directly from external links.

Does Expo Router support drawer navigation alongside stack and tab layouts?▼

Yes, you can use MCP tools to scaffold screens, install navigation dependencies, and verify the development environment. These commands automate the setup of file-based routing structures and ensure Expo Router is configured correctly.

Do I need specific packages to set up dynamic segments in an Expo Router project?▼

File-based routing in Expo Router eliminates the need to manually define navigation paths by mapping the app directory structure directly to routes. Layout files control the navigator hierarchy, simplifying the configuration of stacks, tabs, and drawers.