Agent skill

Maui Shell Navigation

by davidortinau in davidortinau/maui-skills

.NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and…

MITAuto-check passedMobile

Install Maui Shell Navigation

skills CLI
$ npx skills add davidortinau/maui-skills --skill maui-shell-navigation -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install davidortinau/maui-skills maui-shell-navigation --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/maui-skills/skills/maui-shell-navigation .claude/skills/maui-shell-navigation && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
maui-shell-navigation
GitHub stars
175
Token cost
~889 tokens
SKILL.md length
206 words
Files
2 (incl. references)
Skills in repo
41
Repo updated
First seen
Licence
MIT

At a glance

.NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and…

  • Works in 6 steps: Duplicate route names —… → Relative routes require registration —… → Pages are created on demand — when using… → …
  • : Shell navigation
  • SKILL.md covers Key decisions and Common gotchas
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Maui Shell Navigation is an agent skill from davidortinau/maui-skills. .NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and navigation events. USE FOR: "Shell navigation", "GoToAsync", "AppShell", "tab bar", "flyout menu", "route registration", "query parameters navigation", "back navigation", "Shell tabs", "URI navigation", "navigation events". DO NOT USE FOR: deep linking from external URLs (use maui-deep-linking), data binding on pages…

Its SKILL.md is about 890 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/shell-navigation-api.md`).

It sits in Mobile, covering Cross-platform mobile apps and Design patterns. The repository describes itself as: .NET MAUI skills for GitHub Copilot and Claude Code. The licence is MIT.

When your agent uses it

  • : Shell navigation
  • Route registration
  • Query parameters navigation
  • Back navigation

Example prompts

  • “Shell navigation”
  • “GoToAsync”
  • “AppShell”
  • “/maui-shell-navigation”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Duplicate route names — Routing.RegisterRoute throws ArgumentException
  2. Relative routes require registration — you cannot GoToAsync("somepage")
  3. Pages are created on demand — when using ContentTemplate, the page
  4. Tab.Stack is read-only — you cannot manipulate the navigation stack directly;
  5. GoToAsync is async — always await it — fire-and-forget navigation causes
  6. Route hierarchy matters — absolute routes must match the full path through

What it can do on your machine

Read from SKILL.md and the folder at commit 79bb4bf. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are csharp and xml).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Maui Shell Navigation loads about 889 tokens when it runs, and up to ~3.2k if it reads all its reference files. Until then it costs about 157 tokens; SKILL.md has 206 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~157
When it runs · the whole SKILL.md, loaded when a task matches
~889
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from davidortinau/maui-skills at commit 79bb4bf, republished under its MIT licence (© davidortinau). 206 words, ~889 tokens.

Download SKILL.mdSave it as .claude/skills/maui-shell-navigation/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
maui-shell-navigation
description
.NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and navigation events. USE FOR: "Shell navigation", "GoToAsync", "AppShell", "tab bar", "flyout menu", "route registration", "query parameters navigation", "back navigation", "Shell tabs", "URI navigation", "navigation events". DO NOT USE FOR: deep linking from external URLs (use maui-deep-linking), data binding on pages (use maui-data-binding), or dependency injection setup (use maui-dependency-injection).

.NET MAUI Shell Navigation

Key decisions

ContentTemplate — always use it

Always use ContentTemplate with DataTemplate so pages are created on demand. Using Content directly creates all pages during Shell init, hurting startup time.

xml
<!-- ✅ Lazy — page created on first navigation -->
<ShellContent ContentTemplate="{DataTemplate views:HomePage}" />

<!-- ❌ Eager — page created at Shell startup -->
<ShellContent>
    <views:HomePage />
</ShellContent>
Passing data — prefer IQueryAttributable over QueryProperty

IQueryAttributable gives you all parameters in one call and works on ViewModels:

csharp
public class AnimalDetailsViewModel : ObservableObject, IQueryAttributable
{
    public void ApplyQueryAttributes(IDictionary<string, object> query)
    {
        if (query.TryGetValue("id", out var id))
            AnimalId = id.ToString();
    }
}

For complex objects, use ShellNavigationQueryParameters to avoid serializing:

csharp
var parameters = new ShellNavigationQueryParameters
{
    { "animal", selectedAnimal }
};
await Shell.Current.GoToAsync("animaldetails", parameters);
Guarding navigation — async deferral pattern

Use GetDeferral() for async checks (e.g., "save unsaved changes?"):

csharp
protected override async void OnNavigating(ShellNavigatingEventArgs args)
{
    base.OnNavigating(args);
    if (hasUnsavedChanges && args.Source == ShellNavigationSource.Pop)
    {
        var deferral = args.GetDeferral();
        bool discard = await ShowConfirmationDialog();
        if (!discard)
            args.Cancel();
        deferral.Complete();
    }
}

Common gotchas

  1. Duplicate route names — Routing.RegisterRoute throws ArgumentException if a route name is already registered or matches a visual hierarchy route. Every route must be unique across the entire app.

  2. Relative routes require registration — you cannot GoToAsync("somepage") unless somepage was registered with Routing.RegisterRoute. Visual hierarchy pages use absolute // routes instead.

  3. Pages are created on demand — when using ContentTemplate, the page constructor runs only on first navigation. Don't assume pages exist at startup.

  4. Tab.Stack is read-only — you cannot manipulate the navigation stack directly; use GoToAsync for all navigation changes.

  5. GoToAsync is async — always await it — fire-and-forget navigation causes race conditions and can silently fail:

    csharp
    // ❌ Fire-and-forget — race conditions
    Shell.Current.GoToAsync("details");
    
    // ✅ Always await
    await Shell.Current.GoToAsync("details");
  6. Route hierarchy matters — absolute routes must match the full path through the visual hierarchy (//FlyoutItem/Tab/ShellContent). Getting the path wrong produces silent no-ops, not exceptions.

© davidortinau, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in plugins/maui-skills/skills/maui-shell-navigation of davidortinau/maui-skills.

  • SKILL.md
  • references/shell-navigation-api.md

Open the folder on GitHubat commit 79bb4bf

Compare with similar skills

Maui Shell Navigation next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Maui Shell Navigation compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Maui Shell Navigation this skilldavidortinau/maui-skills175—~889Automated safety check: PassMIT
Flutter Initbear2u/my-skills933—~2.5kAutomated safety check: PassNone
Maui App Lifecycledotnet/skills5.6k1 repos~2.3kAutomated safety check: PassMIT
Maui Shell Navigationdotnet/skills5.6k1 repos~3.8kAutomated safety check: PassMIT
Android Clean Architectureaffaan-m/ECC276k—~1.9kAutomated safety check: PassMIT
Flutter Dependency InjectionHoangNguyen0403/agent-skills-standard571—~589Automated safety check: PassMIT

Similar skills

  • Flutter Init

    bear2u/my-skills

    A skill your agent uses when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack

    933 GitHub stars~2.5k tokensUpdated 3 mo ago
    MobileAuto-check passed
  • Maui App Lifecycle

    dotnet/skills

    Official

    .NET MAUI app lifecycle guidance — the four app states, cross-platform Window lifecycle events (Created, Activated, Deactivated, Stopped, Resumed, Destroying), platform-specific lifecycle mapping…

    5.6k GitHub starsUsed in 1 repo~2.3k tokens
    MobileAuto-check passed
  • Official

    Guide for implementing Shell-based navigation in .NET MAUI apps.

    5.6k GitHub starsUsed in 1 repo~3.8k tokens
    MobileAuto-check passed
  • Android と Kotlin Multiplatform プロジェクトのクリーンアーキテクチャパターン — モジュール構造、依存関係ルール、UseCase、Repository、データ層パターン。

    276k GitHub stars~1.9k tokensUpdated 4 days ago
    MobileAuto-check passed
  • Flutter Dependency Injection

    HoangNguyen0403/agent-skills-standard

    Configure service locator setup using injectable and getit in Flutter.

    571 GitHub stars~589 tokensUpdated today
    MobileAuto-check passed
  • Flutter Feature Based Clean Architecture

    HoangNguyen0403/agent-skills-standard

    Organize Flutter apps with modular feature-based clean architecture.

    571 GitHub stars~663 tokensUpdated today
    MobileAuto-check passed

More from davidortinau/maui-skills

All 41 skills in this repo
  • Maui Hot Reload Diagnostics

    davidortinau/maui-skills

    Diagnose and troubleshoot .NET MAUI Hot Reload issues (C Hot Reload, XAML Hot Reload, Blazor Hybrid).

    175 GitHub stars~1.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Maui Accessibility

    davidortinau/maui-skills

    Guide for making .NET MAUI apps accessible — screen reader support via SemanticProperties, heading levels, AutomationProperties visibility control, programmatic focus and announcements, and…

    175 GitHub stars~974 tokensUpdated 3 mo ago
    Auto-check passed
  • Maui Animations

    davidortinau/maui-skills

    .NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.

    175 GitHub stars~911 tokensUpdated 3 mo ago
    Auto-check passed
  • Maui App Icons Splash

    davidortinau/maui-skills

    .NET MAUI app icon configuration, splash screen setup, SVG to PNG conversion at build time, composed/adaptive icons, and platform-specific icon and splash screen requirements for Android, iOS, Mac…

    175 GitHub stars~995 tokensUpdated 3 mo ago
    Auto-check passed
  • Maui App Lifecycle

    davidortinau/maui-skills

    .NET MAUI app lifecycle guidance covering the four app states (not running, running, deactivated, stopped), cross-platform Window lifecycle events, backgrounding and resume behaviour…

    175 GitHub stars~947 tokensUpdated 3 mo ago
    Auto-check passed
  • Maui Aspire

    davidortinau/maui-skills

    Guide for .NET MAUI apps consuming .NET Aspire-hosted backend services.

    175 GitHub stars~1.3k tokensUpdated 3 mo ago
    Auto-check passed

Categories

Questions about Maui Shell Navigation

What does Maui Shell Navigation do?

.NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and…. Maui Shell Navigation is an agent skill from davidortinau/maui-skills.NET MAUI Shell navigation guidance — Shell visual hierarchy, AppShell setup, tab bars, flyout menus, URI-based navigation with GoToAsync, route registration, query parameters, back navigation, and navigation events.

When should I use Maui Shell Navigation?

Maui Shell Navigation fits situations like: : Shell navigation; route registration; query parameters navigation; back navigation.

How do I install Maui Shell Navigation in Claude Code?

Run `npx skills add davidortinau/maui-skills --skill maui-shell-navigation -a claude-code`. Or copy the skill folder (plugins/maui-skills/skills/maui-shell-navigation in davidortinau/maui-skills) into .claude/skills/maui-shell-navigation in your project. Claude Code loads it when a task matches its description.

How do I install Maui Shell Navigation in Codex?

Run `npx skills add davidortinau/maui-skills --skill maui-shell-navigation -a codex`. Or copy the skill folder (plugins/maui-skills/skills/maui-shell-navigation in davidortinau/maui-skills) into .agents/skills/maui-shell-navigation in your project. Codex loads it when a task matches its description.

Can I use Maui Shell Navigation in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add davidortinau/maui-skills --skill maui-shell-navigation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/maui-shell-navigation, .gemini/skills/maui-shell-navigation, .github/skills/maui-shell-navigation and .opencode/skills/maui-shell-navigation in your project.

What does Maui Shell Navigation need to run?

SKILL.md names no scripts, command-line tools or credentials: Maui Shell Navigation is instructions for the agent only.

Does Maui Shell Navigation access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Maui Shell Navigation safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Maui Shell Navigation use?

Maui Shell Navigation is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Maui Shell Navigation use?

About 889 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.3k tokens, read only when the agent opens those files.

What are the alternatives to Maui Shell Navigation?

Skills that share tags, products or a category with Maui Shell Navigation: Flutter Init (bear2u/my-skills, 933 stars), Maui App Lifecycle (dotnet/skills, 5.6k stars), Maui Shell Navigation (dotnet/skills, 5.6k stars) and Android Clean Architecture (affaan-m/ECC, 276k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Maui Shell Navigation?

davidortinau (a GitHub user) maintains it in davidortinau/maui-skills, which has 175 GitHub stars. The repository holds 41 skills in this directory. The repository was last updated on July 6, 2026.

Source: davidortinau/maui-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.