mobile-navigation-patterns
Installation
SKILL.md
Mobile Navigation Patterns
Instructions
Navigation is the skeleton of a mobile app. Choosing the wrong pattern creates lost users, broken back behavior, and deep-link bugs. Use canonical patterns and respect platform conventions.
1. Primary Navigation Shapes
| Shape | Intent | Notes |
|---|---|---|
| Stack | Drill into detail and return | Default on both platforms |
| Tab | 2-5 peer destinations | Bottom on both platforms in 2026 |
| Drawer | Many secondary destinations | Common on Android, rarer on iOS |
| Modal | Self-contained task | Present, cancel, done |
| Nested (tabs of stacks) | App shell | Each tab owns its own stack |
| Wizard | Linear multi-step flow | Explicit progress, cancelable |