skills.rest
mtmattei
mtmatteiCOMMUNITY
Explore all skills by this author →
𝕏@mx2ei1GitHub

uno-navigation

Encode Uno Platform navigation patterns with ViewMaps, RouteMaps, and region-based routing.

5|Updated Jan 30, 2026
Search Tags:#routing#navigation#routes#viewmodel#data-passing#uno-platform#xaml-navigation
One-click install
npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-navigation
Source: https://github.com/mtmattei/UnoPlatformSkills/tree/main/uno-navigation
Command: npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building and maintaining robust navigation in Uno Platform apps requires coordinating routes, views, and data across complex shells (NavigationView, TabBar, and responsive layouts). This Skill encodes best practices and patterns to streamline setup, route definitions, and data flows without runtime doc fetches.

Core Features & Use Cases

  • Region-based navigation with ViewMap/ViewModel and RouteMap
  • Declarative XAML and programmatic navigation methods
  • Data passing via DataViewMap, ResultDataViewMap, and qualifiers
  • Responsive shells (TabBar/NavigationView) and nested routes
  • Troubleshooting common mistakes and recommended patterns

Quick Start

Define your app routes by registering ViewMaps and RouteMaps and wire up region-based navigation in your shell.

Frequently Asked Questions about uno-navigation

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

FAQPage Schema
How do I configure region-based navigation in an Uno Platform app?▼

Configure Uno Platform navigation by registering ViewMaps and RouteMaps to wire up region-based routing within your app shell. This establishes the connections between views, viewmodels, and data across routes.

What is the best way to pass data between views using Uno Platform routing?▼

Pass data between views by utilizing DataViewMap, ResultDataViewMap, and qualifiers during RouteMap registration. This enforces reliable data-driven routing patterns without runtime fetches.

Can I use declarative XAML for Uno Platform navigation instead of programmatic APIs?▼

Yes, Uno Platform navigation supports both XAML declarative navigation and programmatic APIs. You can define route mappings and region usage directly in XAML or manage them through code.

How do I set up responsive shells with TabBar and NavigationView in Uno Platform?▼

Set up responsive shells by configuring nested RouteMaps and applying appropriate region usage for TabBar and NavigationView. This coordinates views and data across complex responsive layouts.

Why is my Uno Platform route not resolving correctly during navigation?▼

Uno Platform route resolution fails when ViewMaps, DataViewMaps, or nested RouteMaps are improperly registered. Troubleshooting common mistakes involves verifying region usage and view/ViewModel mappings.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-progress-extensions

Toggle descendant ProgressRing and ProgressBar controls with a single boolean binding.

Official
Intermediate
unoplatformunoplatform
9

uno-navigation-routes

Register Uno Platform navigation routes using ViewMap, DataViewMap, ResultDataViewMap and RouteMap.

Official
Intermediate
unoplatformunoplatform
9

uno-navigation-responsive-shell

Implement responsive navigation shells switching between TabBar and NavigationView.

Official
Intermediate
unoplatformunoplatform
9

uno-navigation-xaml

Adds View-based navigation to Aurelia apps with routing and state preservation.

Official
Intermediate