compose-navigation

Implement type-safe navigation in Jetpack Compose with Navigation Compose.

1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/escorponox/musiharmony --skill compose-navigation-escorponox
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-navigation
Source: https://github.com/escorponox/musiharmony/tree/main/.claude/skills/compose-navigation
Command: npx skills add https://github.com/escorponox/musiharmony --skill compose-navigation-escorponox

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires androidx.navigation:navigation-compose, org.jetbrains.kotlinx:kotlinx-serialization-json, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of implementing navigation within Jetpack Compose Android applications, ensuring type-safe navigation and efficient state management between screens.

Core Features & Use Cases

  • Type-Safe Routing: Define navigation routes using serializable data classes for compile-time safety.
  • Argument Passing: Securely pass primitive and complex data between composables.
  • Deep Linking: Configure and handle deep links to specific app destinations.
  • Nested Navigation: Structure complex navigation flows using nested navigation graphs.
  • Adaptive Layouts: Implement responsive navigation patterns suitable for various screen sizes.
  • Testing: Provides utilities for testing navigation logic.

Quick Start

Use the compose-navigation skill to set up a NavHost with a Home and Profile screen, passing a userId argument to the Profile screen.

Frequently Asked Questions about compose-navigation

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

FAQPage Schema
How do I implement type-safe navigation in Jetpack Compose?

Type-safe navigation in Jetpack Compose is implemented by defining navigation routes using serializable data classes, which provides compile-time safety for your routing logic.

What's the best way to pass complex data between Composable destinations?

Passing complex data between Composable destinations is handled securely using kotlinx-serialization-json, allowing you to transfer both primitive and complex data types across screens.

Do I need kotlinx-serialization to use Navigation Compose for routing?

Yes, kotlinx-serialization-json is required alongside androidx.navigation:navigation-compose to define type-safe routes and manage secure data transfer between composable destinations.

Can I structure nested navigation graphs for complex flows in Compose?

Yes, you can structure complex navigation flows in Compose using nested navigation graphs, allowing you to organize nested destinations within a primary NavHost setup.

How do I configure deep links for Jetpack Compose destinations?

Configuring deep links for Jetpack Compose destinations involves defining specific deep link URI patterns within your NavHost setup to direct users to exact app destinations.

Does this approach support adaptive navigation for different screen sizes?

Yes, this approach supports adaptive navigation by providing patterns to implement responsive navigation layouts suitable for various Android screen sizes and device form factors.