erne-navigate

Map app screens into an Expo Router navigation architecture.

41|4|Updated Mar 10, 2026
One-click install
npx skills add https://github.com/JubaKitiashvili/everything-react-native-expo --skill erne-navigate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: erne-navigate
Source: https://github.com/JubaKitiashvili/everything-react-native-expo/tree/main/.claude/skills/erne-navigate
Command: npx skills add https://github.com/JubaKitiashvili/everything-react-native-expo --skill erne-navigate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Maps the app's screens into a coherent navigation architecture using the architect agent, enabling scalable routing for React Native apps with Expo Router.

Core Features & Use Cases

  • Maps screens and relationships to build a clear navigation graph.
  • Designs hierarchy for tabs, stacks, drawers, and deep-link patterns.
  • Plans Expo Router file structure and generates layout files that reflect the architecture.
  • Provides guidance for consistent navigation patterns and maintainable code.

Quick Start

Execute the erne-navigate command to generate a complete Expo Router navigation structure for your app.

Frequently Asked Questions about erne-navigate

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

FAQPage Schema
How do I design a scalable navigation architecture for a React Native app using Expo Router?

To design scalable Expo Router navigation architecture, map your app screens and relationships to generate a file structure with folders and routes. This approach ensures the hierarchy supports tabs, stacks, and drawers while adhering to Expo Router conventions.

What is the best way to structure Expo Router files for deep linking support?

The best way to structure Expo Router files for deep linking is to map the app's navigation hierarchy into folders and routes. This generated file structure inherently supports deep linking patterns and maintains consistent routing conventions.

How do I map app screens into a coherent navigation graph for React Native?

You can map app screens into a coherent navigation graph by identifying screen relationships and translating them into an Expo Router file structure. This process designs the hierarchy for tabs, stacks, and drawers to enable scalable mobile app routing.

Can I plan for future expansion when generating an Expo Router navigation structure?

Yes, you can plan for future expansion when generating an Expo Router navigation structure. The architecture design includes specific guidance for maintaining consistent navigation patterns and scaling the routing hierarchy as the mobile app grows.

Does Expo Router navigation architecture support both stack and tab layouts simultaneously?

Yes, Expo Router navigation architecture supports combining stack, tab, and drawer layouts simultaneously. By mapping screen relationships, the generated file structure and layout files reflect this complex navigation hierarchy accurately.

Why define a navigation architecture before building Expo Router layout files?

Defining a navigation architecture before building Expo Router layout files ensures your routing hierarchy is robust and scalable. It maps screens and relationships upfront, preventing fragmented routing and ensuring maintainable code for your React Native app.