Agent skill

Maui App Icons Splash

by davidortinau in 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…

MITAuto-check passedMobile

Install Maui App Icons Splash

skills CLI
$ npx skills add davidortinau/maui-skills --skill maui-app-icons-splash -a claude-code

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

GitHub CLI
$ gh skill install davidortinau/maui-skills maui-app-icons-splash --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-app-icons-splash .claude/skills/maui-app-icons-splash && 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-app-icons-splash
GitHub stars
175
Token cost
~995 tokens
SKILL.md length
311 words
Files
2 (incl. references)
Skills in repo
41
Repo updated
First seen
Licence
MIT

At a glance

.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…

  • Works in 5 steps: Use SVG whenever possible — one file,… → Set BaseSize explicitly when the SVG… → Keep splash images simple — large or… → …
  • MauiSplashScreen
  • SKILL.md covers Common Pitfalls, Best Practices, Quick Troubleshooting and Checklist
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Maui App Icons Splash is an agent skill from 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 Catalyst, and Windows. USE FOR: "app icon", "splash screen", "MauiIcon", "MauiSplashScreen", "adaptive icon", "change app icon", "launch screen", "SVG icon", "foreground tint", "icon resize". DO NOT USE FOR: in-app images or image loading (use maui-performance), theming or colors (use maui-theming), or custom drawing…

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

It sits in Mobile, covering Cross-platform mobile apps, Icons and illustration and Theming and dark mode. It works with Android and iOS. The repository describes itself as: .NET MAUI skills for GitHub Copilot and Claude Code. The licence is MIT.

When your agent uses it

  • MauiSplashScreen
  • Change app icon
  • Foreground tint
  • : in-app images

Example prompts

  • “app icon”
  • “splash screen”
  • “MauiIcon”
  • “/maui-app-icons-splash”

Workflow steps

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

  1. Use SVG whenever possible — one file, infinite scaling, smaller repo.
  2. Set BaseSize explicitly when the SVG viewBox doesn't match the desired logical size.
  3. Keep splash images simple — large or complex SVGs slow the build and may render with artifacts.
  4. Test on real devices — emulator densities mask icon cropping, especially Android adaptive icon safe zones.
  5. Use composed icons for Android — ForegroundFile + ForegroundScale="0.65" ensures the foreground stays within the safe zone.

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 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 App Icons Splash loads about 995 tokens when it runs, and up to ~1.8k if it reads all its reference files. Until then it costs about 142 tokens; SKILL.md has 311 words of instructions outside code blocks.

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

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). 311 words, ~995 tokens.

Download SKILL.mdSave it as .claude/skills/maui-app-icons-splash/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
maui-app-icons-splash
description
.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 Catalyst, and Windows. USE FOR: "app icon", "splash screen", "MauiIcon", "MauiSplashScreen", "adaptive icon", "change app icon", "launch screen", "SVG icon", "foreground tint", "icon resize". DO NOT USE FOR: in-app images or image loading (use maui-performance), theming or colors (use maui-theming), or custom drawing (use maui-graphics-drawing).

.NET MAUI App Icons & Splash Screens

Common Pitfalls

❌ Android adaptive icon clipping

Android adaptive icons crop to a circular or squircle safe zone. If the foreground fills the canvas, it will be clipped.

xml
<!-- ❌ Single-layer icon — foreground fills entire canvas, gets clipped -->
<MauiIcon Include="Resources\AppIcon\appicon.svg"
          Color="#512BD4" />

<!-- ✅ Composed icon with scaled foreground — stays in safe zone -->
<MauiIcon Include="Resources\AppIcon\appicon.svg"
          ForegroundFile="Resources\AppIcon\appiconfg.svg"
          ForegroundScale="0.65"
          Color="#512BD4" />
❌ Transparent splash screen Color

Some platforms ignore alpha in the splash Color and show black instead.

xml
<!-- ❌ Transparent color — may render as black on some platforms -->
<MauiSplashScreen Include="Resources\Splash\splash.svg"
                  Color="#00FFFFFF" />

<!-- ✅ Opaque color -->
<MauiSplashScreen Include="Resources\Splash\splash.svg"
                  Color="#512BD4" />
❌ Confusing Color vs TintColor
  • Color = background fill behind the icon/splash.
  • TintColor = recolors the foreground image itself.

Setting only TintColor without visible foreground paths results in a blank icon.

⚠️ SVG rendering issues at build time

Complex SVGs with gradients, filters, or masks may not rasterize correctly via the Microsoft.Maui.Resizetizer MSBuild task.

xml
<!-- Workaround: supply a pre-made PNG and skip resizing -->
<MauiIcon Include="Resources\AppIcon\appicon.png"
          Resize="false" />
⚠️ BaseSize mismatch

If your SVG viewBox doesn't match the desired logical size, set BaseSize explicitly — otherwise the output dimensions may be wrong.

xml
<!-- SVG viewBox is 100x100 but you want 456x456 logical output -->
<MauiIcon Include="Resources\AppIcon\appicon.svg"
          BaseSize="456,456"
          Color="#512BD4" />

Best Practices

  1. Use SVG whenever possible — one file, infinite scaling, smaller repo.
  2. Set BaseSize explicitly when the SVG viewBox doesn't match the desired logical size.
  3. Keep splash images simple — large or complex SVGs slow the build and may render with artifacts.
  4. Test on real devices — emulator densities mask icon cropping, especially Android adaptive icon safe zones.
  5. Use composed icons for Android — ForegroundFile + ForegroundScale="0.65" ensures the foreground stays within the safe zone.

Quick Troubleshooting

SymptomLikely fix
Icon appears blank or whiteCheck Color vs TintColor; ensure SVG paths exist
Splash shows default .NET logoVerify MauiSplashScreen item is in the .csproj
Android icon looks clippedUse composed icon with ForegroundScale="0.65"
Build error on SVGSimplify SVG or switch to PNG with Resize="false"
Icon wrong size on one platformSet BaseSize explicitly in the .csproj

Checklist

  • MauiIcon item exists in .csproj with Color set
  • MauiSplashScreen item exists in .csproj with Color and BaseSize
  • Android: using composed icon with ForegroundScale for safe zone compliance
  • SVG sources are simple (no gradients/filters) or PNG fallback with Resize="false"
  • Tested on a real device (not just emulator) for density and cropping

© 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-app-icons-splash of davidortinau/maui-skills.

  • SKILL.md
  • references/icons-splash-api.md

Open the folder on GitHubat commit 79bb4bf

Compare with similar skills

Maui App Icons Splash 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 App Icons Splash compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Maui App Icons Splash this skilldavidortinau/maui-skills175—~995Automated safety check: PassMIT
ThemingCode-with-Beto/skills140—~2.5kAutomated safety check: PassNone
Maui Safe Areadotnet/skills5.6k1 repos~3.2kAutomated safety check: PassMIT
Compose Multiplatform Patternsmonta-app/ocpp-emulator1805 repos~2kAutomated safety check: PassApache-2.0
Argent Metro Debuggerbbplayer-app/BBPlayer1.2k—~3.4kAutomated safety check: PassMIT
Weapp Tailwindcss Lynxweapp-tailwindcss/weapp-tailwindcss1.9k—~374Automated safety check: PassMIT

Similar skills

  • Theming

    Code-with-Beto/skills

    Scaffold a unified, cross-platform color theme system into an Expo Router app.

    140 GitHub stars~2.5k tokensUpdated 3 mo ago
    MobileAuto-check passed
  • Maui Safe Area

    dotnet/skills

    Official

    .NET MAUI safe area and edge-to-edge layout guidance for .NET 10+.

    5.6k GitHub starsUsed in 1 repo~3.2k tokens
    MobileAuto-check passed
  • Compose Multiplatform Patterns

    monta-app/ocpp-emulator

    Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

    180 GitHub starsUsed in 5 repos~2k tokens
    MobileAuto-check passed
  • Argent Metro Debugger

    bbplayer-app/BBPlayer

    Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.

    1.2k GitHub stars~3.4k tokensUpdated 3 days ago
    MobileAuto-check passed
  • Weapp Tailwindcss Lynx

    weapp-tailwindcss/weapp-tailwindcss

    为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4,覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx…

    1.9k GitHub stars~374 tokensUpdated today
    MobileAuto-check passed
  • Mobile Accessibility

    Community-Access/accessibility-agents

    React Native, Expo, iOS and Android: labels, roles and touch targets.

    423 GitHub stars~1.1k tokensUpdated 17 days ago
    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 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
  • Maui Authentication

    davidortinau/maui-skills

    Add authentication to .NET MAUI apps. An agent skill from davidortinau/maui-skills.

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

Works with

Questions about Maui App Icons Splash

What does Maui App Icons Splash do?

.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…. Maui App Icons Splash is an agent skill from 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 Catalyst, and Windows.

When should I use Maui App Icons Splash?

Maui App Icons Splash fits situations like: mauiSplashScreen; change app icon; foreground tint; : in-app images.

How do I install Maui App Icons Splash in Claude Code?

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

How do I install Maui App Icons Splash in Codex?

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

Can I use Maui App Icons Splash 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-app-icons-splash -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-app-icons-splash, .gemini/skills/maui-app-icons-splash, .github/skills/maui-app-icons-splash and .opencode/skills/maui-app-icons-splash in your project.

What does Maui App Icons Splash need to run?

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

Does Maui App Icons Splash 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 App Icons Splash 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 App Icons Splash use?

Maui App Icons Splash 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 App Icons Splash use?

About 995 tokens (SKILL.md is roughly 4k 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 791 tokens, read only when the agent opens those files.

What are the alternatives to Maui App Icons Splash?

Skills that share tags, products or a category with Maui App Icons Splash: Theming (Code-with-Beto/skills, 140 stars), Maui Safe Area (dotnet/skills, 5.6k stars), Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars) and Argent Metro Debugger (bbplayer-app/BBPlayer, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Maui App Icons Splash?

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.