skills.rest
needle-mirror
needle-mirrorOFFICIAL
Explore all skills by this author →
Website𝕏@NeedleToolsGitHub

app-ui-navigation

Design and implement Unity App UI navigation graphs with NavGraph and NavController.

9|3|Updated May 8, 2025
Search Tags:#unity#navigation#navcontroller#navhost#navgraph#visual-controller
One-click install
npx skills add https://github.com/needle-mirror/com.unity.dt.app-ui --skill app-ui-navigation-needle-mirror
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-ui-navigation
Source: https://github.com/needle-mirror/com.unity.dt.app-ui/tree/main/Plugins~/skills/app-ui-navigation
Command: npx skills add https://github.com/needle-mirror/com.unity.dt.app-ui --skill app-ui-navigation-needle-mirror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs and implements robust screen navigation graphs for Unity apps using the App UI framework.

Core Features & Use Cases

  • NavGraph, NavDestination, NavAction, and NavHost for structuring multi-screen flows
  • NavController and INavVisualController to orchestrate back stacks and visual chrome (AppBar, Drawer, BottomNavBar, NavigationRail)
  • Support for nested graphs, start destinations, global/local actions, and per-screen templates

Quick Start

Instantiate a NavHost, load a navigation graph, assign a visual controller, and begin navigation from the graph's start destination.

Frequently Asked Questions about app-ui-navigation

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

FAQPage Schema
How do I implement multi-screen navigation in Unity apps?▼

Multi-screen navigation in Unity apps is structured using a NavHost and NavGraph. You instantiate the NavHost, load a navigation graph, assign a visual controller, and begin routing screen transitions from a defined start destination.

What is a NavGraph and how does it manage onboarding flows in Unity?▼

A NavGraph structures onboarding flows in Unity by mapping NavDestinations and NavActions. It establishes a start destination and orchestrates sequential screen transitions using the NavController's back stack behaviors.

Can I use BottomNavBar and NavigationRail with App UI navigation in Unity?▼

Yes, BottomNavBar and NavigationRail integrate with Unity App UI navigation through the INavVisualController interface. This controller orchestrates visual chrome alongside the NavController to manage per-screen templates and back stacks.

Does Unity App UI support nested navigation graphs for complex screen experiences?▼

Unity App UI supports nested navigation graphs to encapsulate complex multi-screen experiences. Nested graphs allow localized back stack behaviors and start destinations within a larger parent NavHost structure.

What's the best way to structure back stack behaviors for Unity screen navigation?▼

The best way to structure back stack behaviors is using NavController alongside a NavGraph. This combination manages global and local NavActions, ensuring correct screen popping and pushing across nested graphs and per-screen templates.

Why do I need a visual controller for my Unity NavHost?▼

You need an INavVisualController for your Unity NavHost to synchronize navigation transitions with visual chrome elements such as AppBar, Drawer, and BottomNavBar across different per-screen templates.

Related Skills

Explore More Software Engineering Skills→
IAFahimIAFahim

app-ui

Create Panel-based Unity UI components with App UI theming and MVVM.

Community
Advanced
IAFahimIAFahim

app-ui-navigation

Automate Unity UI navigation setup with NavGraph, NavHost, and NavController.

Community
Advanced
BintzGavinBintzGavin
94

example-svelte

Integrate Helios timeline-driven animations into Svelte components using stores.

Community
Basic
MartinStykMartinStyk
343

implement-navigation

Standardizes Android Navigation 3 multi-module routing with serializable NavKeys.

Community
Intermediate