Skills for Real Engineers. Straight from my .agents directory.
maui-safe-area
Agent skill fromdotnet/skills
.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 bar", "UseSafeArea migration", "soft input keyboard", "IgnoreSafeArea replacement". DO NOT USE FOR: general layout or grid design (use Grid and StackLayout), app lifecycle handling (use maui-app-lifecycle), theming or styling (use maui-theming), or Shell navigation structure.
How to install maui-safe-area
npx skills add dotnet/skills# or add only this skill to Claude Code: copy the folder
plugins/dotnet-maui/skills/maui-safe-area/
# into
~/.claude/skills/maui-safe-area/ (all projects)
.claude/skills/maui-safe-area/ (one project)
1# Safe Area & Edge-to-Edge Layout (.NET 10+)23.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.45> **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.67## When to Use89- Content overlaps status bar, notch, Dynamic Island, or home indicator after upgrading to .NET 1010- Implementing edge-to-edge / immersive layouts (photo viewers, video players, maps)11- Keyboard avoidance for chat or form UIs12- Migrating from `ios:Page.UseSafeArea`, `Layout.IgnoreSafeArea`, or `WindowSoftInputModeAdjust.Resize`13- Blazor Hybrid apps that need CSS `env(safe-area-inset-*)` coordination14- Mixed layouts with an edge-to-edge header but a safe-area-respecting body1516## When Not to Use1718- Projects targeting .NET 9 or earlier — use the legacy iOS-specific APIs19- General page layout questions unrelated to system bars or keyboard — use standard layout guidance20- App lifecycle or navigation structure — use maui-app-lifecycle or Shell guidance21- Theming or visual styling — use the **maui-theming** skill2223## Inputs24…
Excerpt shown under the repository's MIT license.
More skills in skills
Similar skill repositories
An agentic skills framework & software development methodology that works.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Production-grade engineering skills for AI coding agents.
