navigation-3

Migrate Android Compose apps to Jetpack Navigation 3 with type-safe graphs.

Updated Jul 6, 2026
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill navigation-3-shirulot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: navigation-3
Source: https://github.com/shirulot/codex-skill/tree/main/navigation-3
Command: npx skills add https://github.com/shirulot/codex-skill --skill navigation-3-shirulot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of migrating from legacy navigation systems to the modern, type-safe Jetpack Navigation 3 architecture in Android Compose applications.

Core Features & Use Cases

  • Type-Safe Navigation: Eliminates runtime crashes by replacing string-based routes with serializable Kotlin types.
  • Adaptive Layouts: Provides patterns for implementing list-detail, two-pane, and supporting pane layouts using the Scenes API.
  • State Management: Offers robust solutions for managing back stacks, deep links, and conditional navigation flows like authentication.

Quick Start

Use the navigation-3 skill to generate a migration plan for my current project by analyzing my existing NavHost configuration.

Frequently Asked Questions about navigation-3

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

FAQPage Schema
How do I migrate to type-safe Jetpack Navigation 3 in Android Compose?

Type-safe navigation eliminates runtime crashes by replacing string-based routes with serializable Kotlin types. It ensures compile-time validation of your navigation destinations and arguments within Jetpack Compose applications.

How do I create a type-safe navigation graph in Jetpack Compose?

You create a type-safe navigation graph by defining serializable Kotlin types that adhere to the NavKey interface. This approach manages state persistence and complex back stacks without relying on string-based route definitions.

Does Jetpack Navigation 3 support adaptive layouts like list-detail panes?

Yes, Jetpack Navigation 3 supports adaptive UI patterns including list-detail, two-pane, and supporting pane layouts. These responsive designs are implemented using the Scenes API within your Android Compose application.

Do I need Kotlin serialization for Jetpack Navigation 3 state persistence?

Yes, Kotlin serialization is required for Jetpack Navigation 3 state persistence. Your navigation destinations must implement the NavKey interface, which relies on serialization to maintain complex back stacks and deep links across configuration changes.

What is the best way to handle complex back stack management in Android Compose?

The best way to handle complex back stack management in Android Compose is using Jetpack Navigation 3 with type-safe NavKey implementations. It provides robust solutions for deep links and conditional navigation flows like authentication gates.