К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

navigation-3 — скилл для Claude Code: рецепты Navigation 3

Справочник по Jetpack Navigation 3 для агента: миграция с Navigation 2 и готовые рецепты — deep links, несколько back stack, сцены, Hilt, ViewModel.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add android/skills --skill navigation-3 -a claude-code
Открыть на GitHub

Что делает navigation-3

Скилл даёт агенту набор гайдов и рецептов по Jetpack Navigation 3 для Android-приложений на Kotlin и Compose. Внутри есть пошаговая миграция с Navigation 2: обновление зависимостей, смена маршрутов, работа с состоянием, замена UI-компонентов. Отдельный гайд разбирает переход со строковых маршрутов на type-safe destinations, пока ещё в Navigation 2.

Рецепты разложены по темам. База — NavKey, NavDisplay и entry provider DSL плюс вариант с сохраняемым back stack. Deep links идут в нескольких видах: статичный URI, аргументы пути и query, синтетический back stack, свой матчер. Сцены — диалог, bottom sheet, list-detail, two-pane и supporting pane на Material 3 Adaptive. Дальше анимации переходов, условные переходы, несколько back stack под нижнюю панель, наблюдение за lifecycle, передача аргументов в ViewModel и возврат результата событием или состоянием.

Модуляризация навигационного кода дана дважды: под Hilt/Dagger и под Koin. Migration guide рассчитан на приложение, которое уже работает на Navigation 2, поэтому при строковых маршрутах начинать стоит с гайда по type-safe navigation — иначе шаги миграции придётся перекладывать самому.

Какие задачи решает

  • перевести приложение с Navigation 2 на Navigation 3
  • убрать строковые маршруты в пользу type-safe destinations
  • собрать несколько back stack под нижнюю навигацию
  • разобрать deep link с аргументами пути и query
  • вернуть результат из одного экрана в другой

Примеры запросов агенту

  • Покажи рецепт deep link с аргументами пути и query для Navigation 3
  • Как разнести навигацию по модулям через Hilt — открой рецепт modular-hilt
  • Нужен list-detail на Material 3 Adaptive: какой рецепт смотреть?

Как установить navigation-3

1Через Skills CLI (Vercel)

npx skills add android/skills --skill navigation-3 -a claude-code

2Вручную: положить файлы

~/.claude/skills/navigation-3/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/navigation-3/

Из того же набора5

Весь набор →

Похожие

telegram-mini-app sickn33 Скилл для разработки Telegram Mini Apps — веб-приложений, которые работают внутри Telegram с опытом, близким к нативным. Охватывает TON, Telegram Web App API, аутентификацию и монетизацию через Stars. Claude Code CX Codex Cursor +1 1 700установок mobile-app-ui-design ceorkm Задаёт агенту правила проектирования экранов мобильных приложений. Помогает собирать прототипы и интерфейсные блоки с учётом сетки, типографики и зон досягаемости. Claude Code CX Codex Cursor +1 11 500установок e2e tester-army Помогает писать, запускать и отлаживать E2E-тесты веб- и мобильных приложений через раннер e2e, связывая агентные цели с проверками Playwright или мобильных эмуляторов. Claude Code CX Codex Cursor +1 1 200установок swift-expert https://github.com/Jeffallan Скилл для разработки на Swift: архитектура, SwiftUI, async/await, акторы и тесты. Пригодится, когда агент пишет или разбирает код приложения под iOS и macOS. Claude Code CX Codex Cursor +1 4 100установок ios-application-dev MiniMax-OpenSource Скилл-справочник по iOS-интерфейсам: UIKit, SnapKit и SwiftUI, чек-листы по вёрстке, Dynamic Type, тёмной теме и доступности. Claude Code CX Codex Cursor +1 2 100установок vercel-react-native-skills vercel Набор правил по React Native и Expo для ИИ-агента: списки, анимации, навигация. Пригодится, когда агент правит мобильный код и надо, чтобы он делал это одинаково. Claude Code CX Codex Cursor +1 253 900установок animate-expo emilkowalski Создаёт мобильные анимации для React Native и Expo на базе Reanimated и Gesture Handler. Помогает избежать просадок кадров на реальных устройствах. Claude Code CX Codex Cursor +1 135 900установок mobile-native emilkowalski Убирает мелочи, из-за которых веб-приложение на телефоне выдаёт себя: залипающий hover, вспышку при тапе, ошибку с 100vh. Claude Code CX Codex Cursor +1 84 500установок

Вопросы о navigation-3

Как установить navigation-3 в Claude Code?

Выполните npx skills add android/skills --skill navigation-3 -a claude-code. Файл скилла появится по пути ~/.claude/skills/navigation-3/SKILL.md.

Что делает navigation-3?

Собирает в одном месте гайды и примеры кода по Jetpack Navigation 3: миграцию с Navigation 2, deep links, сцены, работу с несколькими back stack, Hilt и ViewModel.

Чем migration guide отличается от гайда по type-safe navigation?

Migration guide ведёт с Navigation 2 на Navigation 3 целиком. Второй гайд затрагивает только маршруты: как уйти от строк к типизированным destinations, оставаясь на Navigation 2.

Исходный текст

SKILL.md · Apache-2.0
---
name: navigation-3
description: Learn how to install and migrate to Jetpack Navigation 3, and how to
  implement features and patterns such as deep links, multiple backstacks, scenes
  (dialogs, bottom sheets, list-detail, two-pane, supporting pane), conditional navigation
  (such as logged-in navigation versus anonymous), returning results from flows, integration
  with Hilt, ViewModel, Kotlin, and view interoperability.
license: Complete terms in LICENSE.txt
metadata:
  author: Google LLC
  last-updated: '2026-10-22'
  keywords:
  - recipe
  - Android
  - Navigation 2
  - Navigation 3
  - migration
  - Compose
  - guide
  - dependencies
  - NavKey
  - NavHost
  - NavDisplay
  - BottomSheet
  - list-detail
  - scenes
  - two-pane
  - supporting pane
  - multiple backstacks
  - dialog
  - Hilt
  - ViewModel
  - View interop.
---

*** ** * ** ***

## Migration guide

- *[Navigation 2 to Navigation 3 migration guide](references/android/guide/navigation/navigation-3/migration-guide.md)*: Step-by-step guide to migrate an Android application from Navigation 2 to Navigation 3, covering dependency updates, route changes, state management, and UI component replacements.

### Requirements

- *[Guide: Migrate to type-safe navigation in Compose](references/android/guide/navigation/type-safe-destinations.md)* : Step-by-step guide to migrating an Android application from string-based navigation to **Type-Safe Navigation** in Jetpack Compose using Jetpack Navigation 2.

## Developer documentation

- *[Navigation 3](references/android/guide/navigation/navigation-3/index.md)*. Search documentation for more information on basics, saving and managing navigation state, modularizing navigation code, creating custom layouts using Scenes, animating between destinations, or applying logic or wrappers to destinations.

## Recipes

Code examples showcasing common patterns.

### Basic API usage

- *[Basic](references/android/guide/navigation/navigation-3/recipes/basic.md)*: Shows most basic API usage.
- *[Saveable back stack](references/android/guide/navigation/navigation-3/recipes/basicsaveable.md)*: Shows basic API usage with a persistent back stack.
- *[Entry provider DSL](references/android/guide/navigation/navigation-3/recipes/basicdsl.md)*: Shows basic API usage using the entryProvider DSL.

### Common UI

- *[Common UI](references/android/guide/navigation/navigation-3/recipes/common-ui.md)*: Demonstrates how to implement a common navigation UI pattern with a bottom navigation bar and multiple back stacks, where each tab in the navigation bar has its own navigation history.

### Deep links

- *[Static URI](references/android/guide/navigation/navigation-3/recipes/deeplinks-staticuri.md)*: Shows how to handle simple static URI deep links.
- *[URI with Arguments](references/android/guide/navigation/navigation-3/recipes/deeplinks-uriarguments.md)*: Shows how to parse path and query arguments from a deep link.
- *[Synthetic BackStack](references/android/guide/navigation/navigation-3/recipes/deeplinks-syntheticbackstack.md)*: Shows how to handle deep links with a synthetic back stack.
- *[Custom Matcher](references/android/guide/navigation/navigation-3/recipes/deeplinks-custommatcher.md)*: Shows how to implement custom deep link matching logic.

### Scenes

#### Use built-in Scenes

- *[Dialog](references/android/guide/navigation/navigation-3/recipes/dialog.md)*: Shows how to create a Dialog.

#### Create custom Scenes

- *[BottomSheet](references/android/guide/navigation/navigation-3/recipes/bottomsheet.md)*: Shows how to create a BottomSheet destination.
- *[List-Detail Scene](references/android/guide/navigation/navigation-3/recipes/scenes-listdetail.md)*: Demonstrates how to implement adaptive list-detail layouts using the Navigation 3 Scenes API.
- *[Two pane Scene](references/android/guide/navigation/navigation-3/recipes/scenes-twopane.md)*: Demonstrates how to implement adaptive two-pane layouts using the Navigation 3 Scenes API.

### Material Adaptive

- *[Material List-Detail](references/android/guide/navigation/navigation-3/recipes/material-listdetail.md)*: Demonstrates how to implement an adaptive list-detail layout using Material 3 Adaptive.
- *[Material Supporting Pane](references/android/guide/navigation/navigation-3/recipes/material-supportingpane.md)*: Demonstrates how to implement an adaptive supporting pane layout using Material 3 Adaptive.

### Animations

- *[Animations](references/android/guide/navigation/navigation-3/recipes/animations.md)*: Shows how to override the default animations for all destinations and a single destination.
- *[Conditional Transitions](references/android/guide/navigation/navigation-3/recipes/conditional-transitions.md)*: Shows how to implement conditional transition animations.

### Common back stack behavior

- *[Multiple back stacks](references/android/guide/navigation/navigation-3/recipes/multiple-backstacks.md)*: Shows how to create multiple top level routes, each with its own back stack. Top level routes are displayed in a navigation bar allowing users to switch between them. State is retained for each top level route, and the navigation state persists config changes and process death.

### Conditional navigation

- *[Conditional navigation](references/android/guide/navigation/navigation-3/recipes/conditional.md)*: Switch to a different navigation flow when a condition is met. For example, for authentication or first-time user onboarding.

### Lifecycle

- *[Lifecycle Owner](references/android/guide/navigation/navigation-3/recipes/lifecycle-owner.md)*: Shows how to use and observe Lifecycle in Navigation 3.

### Architecture

- *[Modularized navigation code (Hilt)](references/android/guide/navigation/navigation-3/recipes/modular-hilt.md)*: Demonstrates how to decouple navigation code into separate modules using Hilt or Dagger for DI.
- *[Modularized navigation code (Koin)](references/android/guide/navigation/navigation-3/recipes/modular-koin.md)*: Demonstrates how to decouple navigation code into separate modules using Koin for DI.

### Working with ViewModel

#### Passing navigation arguments

- *[Basic ViewModel](references/android/guide/navigation/navigation-3/recipes/passingarguments.md)* : Navigation arguments are passed to a `ViewModel` constructed using `viewModel()`

### Returning results

- *[Returning Results as Events](references/android/guide/navigation/navigation-3/recipes/results-event.md)* : Returning results as events to content in another `NavEntry`
- *[Returning Results as State](references/android/guide/navigation/navigation-3/recipes/results-state.md)* : Returning results as state stored in a `CompositionLocal`

© Google LLC · Apache-2.0 · android/skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой