navigate

Design Expo Router navigation architectures with file structures and layout templates.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing robust navigation structures for React Native apps using Expo Router can be complex. This Skill guides you to map screens, determine stacks, tabs, and drawers, and plan a scalable file structure.

Core Features & Use Cases

  • Map screens and relationships to establish a clear navigation model.
  • Define stacks, tabs, and modal flows for authenticated vs. unauthenticated paths.
  • Output a concrete Expo Router file structure and guidance for deep linking.

Quick Start

Run the /navigate command to begin designing your app's navigation with the architect agent.

Frequently Asked Questions about navigate

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

FAQPage Schema
How do I design a navigation architecture for Expo Router in React Native?

Designing a navigation architecture for Expo Router involves mapping your app's screens and relationships to establish a clear model, defining stacks, tabs, and modal flows for authenticated paths, and generating a concrete file structure.

How do I organize screens and routing flows for authenticated vs unauthenticated users in React Native?

To organize screens for authenticated versus unauthenticated users in React Native, you define separate stacks, tabs, and modal flows within your navigation architecture to gate access based on authentication state.

What is the best way to structure Expo Router files for a multi-screen React Native app?

The best way to structure Expo Router files for a multi-screen React Native app is to generate a concrete file structure that maps out screens, layout templates, and navigation patterns to ensure a scalable organization.

Can I plan deep linking and drawer navigation when architecting React Native apps with Expo?

Yes, when architecting React Native apps with Expo, you can plan deep linking and drawer navigation by defining the specific navigation patterns and layout templates needed within your generated Expo Router file structure.

Does designing Expo Router navigation require existing dependencies or components?

No, designing Expo Router navigation does not require existing dependencies or components, as this architecture planning Skill operates independently to map screens and determine layout templates.

Why does my Expo Router navigation architecture become hard to scale with many screens?

Your Expo Router navigation architecture becomes hard to scale because designing robust structures for multiple screens is complex, requiring you to map relationships and plan a scalable file structure to avoid disorganization.