Ready to supercharge your AI agents?

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

Safe Area & Edge-to-Edge Layout (.NET 10+) · managedcode | DecimalAI

frontendby managedcode

Safe Area & Edge-to-Edge Layout (.NET 10+)

managedcode/maui-safe-area

Source managedcode/dotnet-skills ↗License MIT

.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid CSS safe areas, migration from legacy iOS-only APIs, and platform-specific behavior for Android, iOS, and Mac Catalyst. USE FOR: "safe area", "edge-to-edge", "SafeAreaEdges", "SafeAreaRegions", "keyboard avoidance", "notch insets", "status bar overlap", "iOS safe area", "Android edge-to-edge", "content behind status ba

SkillScore95Maintained

Automatic

Frontend / UI pack

Last verified 8/19/2026

What it changes

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

Without skill45%

With skill95%

Checks it passed that the model alone missed

sets SafeAreaEdges="Container" on the ContentPage.
sets SafeAreaEdges="None" on the child Grid layout.
explains that SafeAreaRegions is a bitwise flags enum.

and 13 more in the full report

11 fixed10 passed either way1 still failing0 broke

Pass-rate lift: +50 pp
Tokens: +87%
Agent turns: 0%
Response time: -50%

Model gemini-3.6-flashMeasured 8/19/2026v121 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-safe-area/SKILL.md https://app.decimal.ai/s/managedcode-maui-safe-area/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add managedcode-maui-safe-area, 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-safe-area/ and pins it in .decimal/skills.lock

decimalai skills add managedcode-maui-safe-area

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

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

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

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

What's inside

The instructions your model reads when the skill loads.

SKILL.md313 lines2 files

Safe Area & Edge-to-Edge Layout (.NET 10+)

.NET 10 introduces a brand-new, cross-platform safe area API that replaces the legacy iOS-only UseSafeArea and the layout-level IgnoreSafeArea properties. The new SafeAreaEdges property and SafeAreaRegions flags enum give you per-edge, per-control safe area management on Android, iOS, and Mac Catalyst from a single API surface.

This is new API surface in .NET 10. If the project targets .NET 9 or earlier, these APIs do not exist. Guide the developer to the legacy ios:Page.UseSafeArea and Layout.IgnoreSafeArea properties instead.

When to Use

Content overlaps status bar, notch, Dynamic Island, or home indicator after upgrading to .NET 10
Implementing edge-to-edge / immersive layouts (photo viewers, video players, maps)
Keyboard avoidance for chat or form UIs
Migrating from ios:Page.UseSafeArea, Layout.IgnoreSafeArea, or WindowSoftInputModeAdjust.Resize
Blazor Hybrid apps that need CSS env(safe-area-inset-*) coordination
Mixed layouts with an edge-to-edge header but a safe-area-respecting body

When Not to Use

Projects targeting .NET 9 or earlier — use the legacy iOS-specific APIs
General page layout questions unrelated to system bars or keyboard — use standard layout guidance
App lifecycle or navigation structure — use maui-app-lifecycle or Shell guidance
Theming or visual styling — use the maui-theming skill

Inputs

Target framework: must be net10.0-* or later for the new APIs
Target platforms: Android, iOS, Mac Catalyst (Windows does not have system bar insets)
UI approach: XAML/C#, Blazor Hybrid, or MauiReactor

SafeAreaRegions Enum

[Flags]
public enum SafeAreaRegions
{
    None      = 0,       // Edge-to-edge — no safe area padding
    SoftInput = 1 << 0,  // Pad to avoid the on-screen keyboard
    Container = 1 << 1,  // Stay inside status bar, notch, home indicator
    Default   = -1,      // Use the platform default for the control type
    All       = 1 << 15  // Respect all safe area insets (most restrictive)
}

Track record

Benchmark

21 / 22

test cases passed, vs 10 / 22 without

Adoption

Users: 1
Times used: 12

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-safe-area/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-safe-area.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid CSS safe areas, migration from legacy iOS-only APIs, and platform-specific behavior for Android, iOS, and Mac Catalyst. USE FOR: "safe area", "edge-to-edge", "SafeAreaEdges", "SafeAreaRegions", "keyboard avoidance", "notch insets", "status bar overlap", "iOS safe area", "Android edge-to-edge", "content behind status baNear-identical description+55 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?

What's inside

Safe Area & Edge-to-Edge Layout (.NET 10+)

When to Use

When Not to Use

Inputs

SafeAreaRegions Enum

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills