common-accessibility
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
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.
Claude Code
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 --agent claude-code
Codex
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a codex -y
Cursor
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a cursor -y
Gemini CLI
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a gemini-cli -y
GitHub Copilot
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a github-copilot -y
OpenCode
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a opencode -y
Windsurf
$ npx skills add hoangnguyen0403/agent-skills-standard --skill android-navigation-3 -a windsurf -y
name: android-navigation-3
description: 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.
metadata:
triggers:
files:
- '**/*NavHost.kt'
- '**/*Navigation*.kt'
- '**/*Screen.kt'
keywords:
- Navigation 3
- NavDisplay
- NavKey
- NavEntry
- migrate navigation
- multiple backstacks
- nav3Guide for implementing and migrating to Navigation 3 in Jetpack Compose.
Navigation 3 replaces the previous `NavHost`/`NavController` pattern with a simpler, state-driven approach:
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](references/migration-guide.md) for step-by-step conversion from `NavHost`/`NavController` to `NavDisplay`.
Key changes: 1. Replace string routes with data objects/classes. 2. Replace `NavHost` with `NavDisplay`. 3. Replace `NavController.navigate()` with direct list manipulation. 4. Replace `navArgument` with data class properties.
See [recipes](references/recipes.md) for code examples:
The portable standards layer for AI coding agents. Sync once, then work in your own runtime.
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Define deterministic guardrails for agent tool calls — protected paths, test-file locks during bug fixes, post-edit formatters,…
Apply REST API conventions — HTTP semantics, status codes, versioning, pagination, and OpenAPI standards for any framework. Use…
Audit structural debt, logic leakage, and monolithic components across Web, Mobile, and Backend codebases. Use when reviewing…
Draws architecture diagrams as editable draw.io files with a fixed house style, C4 levels, evidence-tagged shapes, and optional…
Enforce SOLID principles, guard-clause style, function size limits, and intention-revealing naming across all languages. Use when…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.