hoangnguyen0403/android-navigation-3
Install and migrate to Jetpack Navigation 3. Use when implementing Navigation 3 patterns including NavDisplay, NavKey routes, deep links, multiple backstacks, scenes (dialogs, bottom sheets), or migrating from Navigation 2.
npx skills add https://github.com/HoangNguyen0403/agent-skills-standard --skill android-navigation-3
Guide for implementing and migrating to Navigation 3 in Jetpack Compose.
Navigation 3 replaces the previous NavHost/NavController pattern with a simpler, state-driven approach:
mutableStateListOf<Any>.NavDisplay renders the current route based on a lambda.val backStack = remember { mutableStateListOf<Any>(RouteHome) }
NavDisplay(
backStack = backStack,
onBack = { backStack.removeLastOrNull() },
entryProvider = { key ->
when (key) {
is RouteHome -> NavEntry(key) { HomeScreen(onNavigate = { backStack.add(it) }) }
is RouteDetail -> NavEntry(key) { DetailScreen(key.id) }
else -> error("Unknown route: $key")
}
}
)
See migration guide for step-by-step conversion from NavHost/NavController to NavDisplay.
Key changes:
NavHost with NavDisplay.NavController.navigate() with direct list manipulation.navArgument with data class properties.See recipes for code examples:
mutableStateListOf<Any>.NavDisplay handles all routes in entryProvider../gradlew build succeeds.NavDisplay with a state list.remember { navController() }: Navigation 3 doesn't use NavController.Take hoangnguyen0403/android-navigation-3 from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.