Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

.NET MAUI Shell Navigation · managedcode | DecimalAI

frontendby managedcode

.NET MAUI Shell Navigation

managedcode/maui-shell-navigation

Source managedcode/dotnet-skills ↗License MIT

Guide for implementing Shell-based navigation in .NET MAUI apps. Covers AppShell setup, visual hierarchy (FlyoutItem, TabBar, Tab, ShellContent), URI-based navigation with GoToAsync, route registration, query parameters, back navigation, flyout and tab configuration, navigation events, and navigation guards.

SkillScore100Maintained

Automatic

Frontend / UI pack

Last verified 8/19/2026

What it changes

Passed 22 of 22 test cases with the skill, and 19 of 22 without it.

Without skill86%

With skill100%

Checks it passed that the model alone missed

Calls GetDeferral on ShellNavigatingEventArgs.
Calls Cancel on ShellNavigatingEventArgs if the user cancels.
Applies QueryProperty attribute directly to ContentPage class.

and 2 more in the full report

3 fixed19 passed either way0 still failing0 broke

Pass-rate lift: +14 pp
Tokens: +137%
Agent turns: 0%
Response time: -32%

Model gemini-3.6-flashMeasured 8/19/2026v122 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/managedcode-maui-shell-navigation/SKILL.md https://app.decimal.ai/s/managedcode-maui-shell-navigation/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add managedcode-maui-shell-navigation, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/managedcode-maui-shell-navigation/ and pins it in .decimal/skills.lock

decimalai skills add managedcode-maui-shell-navigation

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/managedcode-maui-shell-navigation/SKILL.md https://app.decimal.ai/s/managedcode-maui-shell-navigation/SKILL.md

Raw file: /s/managedcode-maui-shell-navigation/SKILL.md ↗ · machine-readable summary at /s/managedcode-maui-shell-navigation.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 3

Prompt

I want to receive a simple string parameter 'userId' on my UserProfilePage using attribute routing instead of implementing interfaces. I am debating whether to put the attribute on the ViewModel class or the ContentPage class. Where should QueryProperty be applied and how is it structured in code?

What was checked, without and with the skill
Checked	Without skill	With skill
Applies QueryProperty attribute directly to ContentPage class.	Missed	Passed
Specifies property name and query parameter key inside QueryProperty attribute.	Passed	Passed

case-09 · gemini-3.6-flash · 8/19/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md332 lines2 files

.NET MAUI Shell Navigation

Implement page navigation in .NET MAUI apps using Shell. Shell provides URI-based navigation, a flyout menu, tab bars, and a four-level visual hierarchy — all configured declaratively in XAML.

When to Use

Setting up top-level app navigation with tabs or a flyout menu
Navigating between pages programmatically with GoToAsync
Passing data between pages via query parameters or object parameters
Registering detail-page routes for push navigation
Guarding navigation with confirmation dialogs (e.g., unsaved changes)
Customizing back button behavior per page

When Not to Use

Deep linking from external URLs or app links — see .NET MAUI deep linking docs
Data binding on navigation target pages — use maui-data-binding
Dependency injection for pages and view models — use maui-dependency-injection
Apps using NavigationPage without Shell (different navigation API)

Inputs

A .NET MAUI project with AppShell.xaml as the root shell
Pages (ContentPage) to navigate between
Route names for detail pages not in the visual hierarchy

Shell Visual Hierarchy

Shell uses a four-level hierarchy. Each level wraps the one below it:

Shell
 ├── FlyoutItem / TabBar          (top-level grouping)
 │    ├── Tab                     (bottom-tab grouping)
 │    │    ├── ShellContent        (page slot → ContentPage)
 │    │    └── ShellContent        (multiple = top tabs)
 │    └── Tab
 └── FlyoutItem / TabBar

Track record

Benchmark

22 / 22

test cases passed, vs 19 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

managedcode / dotnet-skills

catalog/Frameworks/Official-DotNet-MAUI/skills/maui-shell-navigation/SKILL.md

View on GitHub ↗

License MITImported 8/3/2026Version v1Bundled 1 file

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

dotnet/maui-shell-navigationGuide for implementing Shell-based navigation in .NET MAUI apps. Covers AppShell setup, visual hierarchy (FlyoutItem, TabBar, Tab, ShellContent), URI-based navigation with GoToAsync, route registration, query parameters, back navigation, flyout and tab configuration, navigation events, and navigation guards. Use when: setting up Shell navigation, adding tabs or flyout menus, navigating between pages with GoToAsync, passing parameters between pages, registering routes, customizing back button behNear-identical description+14 pp pass-rate lift

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

.NET MAUI Shell Navigation

When to Use

When Not to Use

Inputs

Shell Visual Hierarchy

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills