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…
Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code.
Install App Icons And Logos
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logos --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/app-icons-and-logos .claude/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.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/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .claude/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logosType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logos --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/app-icons-and-logos .agents/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .agents/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logos --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/app-icons-and-logos .cursor/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .cursor/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/glifxyz/glif-mcp-server.git --path skills/app-icons-and-logos--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logos --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/app-icons-and-logos .gemini/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .gemini/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logosInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/app-icons-and-logos .github/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .github/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install glifxyz/glif-mcp-server app-icons-and-logos --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/glifxyz/glif-mcp-server.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/app-icons-and-logos .opencode/skills/app-icons-and-logos && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "app-icons-and-logos" agent skill from https://github.com/glifxyz/glif-mcp-server/tree/main/skills/app-icons-and-logos into .opencode/skills/app-icons-and-logos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icons-and-logos", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
app-icons-and-logos- GitHub stars
- 213
- Token cost
- ~1.3k tokens
- SKILL.md length
- 662 words
- Files
- 2
- Skills in repo
- 10
- Repo updated
- First seen
- Licence
- MIT
At a glance
Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code.
- Works in 7 steps: Get the brief → Explore, then let the user pick → Make the finals → …
- : help me design a logo
- SKILL.md covers 1. Get the brief, 2. Explore, then let the user…, 3. Make the finals and 4. Export the sizes, plus 3 more sections
- Calls curl and npx
What it does
App Icons And Logos is an agent skill from glifxyz/glif-mcp-server. Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code. Use when: "help me design a logo", "make a logo", "design an app icon", "we need a favicon", "PWA icon", "iOS app icon", "Android adaptive icon", "SVG logo", "custom icon set", "illustrated icons for these features", "emoji or sticker pack", "Discord emoji", "mascot", "animate our logo", "logo intro", "make the logo glossy 3D", "brand kit", "visual identity"…
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`). Compatibility notes: Requires the Glif MCP server at https://glif.app/api/mcp.
It sits in Media & Creative, covering Logo and visual identity, Icons and illustration and Brand strategy and identity. It works with Android, iOS, Discord and Model Context Protocol. The repository describes itself as: Glif's hosted MCP server, plugin and skills for creating images, video and audio. Works with Claude, ChatGPT, Codex, Cursor and more. The licence is MIT.
When your agent uses it
- : help me design a logo
- Design an app icon
- We need a favicon
- Android adaptive icon
Example prompts
- “help me design a logo”
- “make a logo”
- “design an app icon”
- “/app-icons-and-logos”
Requirements
- Node.js
- Compatibility (from SKILL.md): Requires the Glif MCP server at https://glif.app/api/mcp.
Workflow steps
7 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 0c90bf7. 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
Shell commands in SKILL.md call:
curlnpx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use curl and npx, which can reach the network depending on how they are called.
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.
Compatibility
Requires the Glif MCP server at https://glif.app/api/mcp.
From compatibility in the SKILL.md frontmatter.
Context cost
App Icons And Logos loads about 1.3k tokens when it runs. Until then it costs about 193 tokens; SKILL.md has 662 words of instructions outside code blocks.
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 glifxyz/glif-mcp-server at commit 0c90bf7, republished under its MIT licence (© glifxyz). 662 words, ~1,252 tokens.
Download SKILL.mdSave it as
.claude/skills/app-icons-and-logos/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- app-icons-and-logos
- description
- Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code. Use when: "help me design a logo", "make a logo", "design an app icon", "we need a favicon", "PWA icon", "iOS app icon", "Android adaptive icon", "SVG logo", "custom icon set", "illustrated icons for these features", "emoji or sticker pack", "Discord emoji", "mascot", "animate our logo", "logo intro", "make the logo glossy 3D", "brand kit", "visual identity", "brand guidelines", "make it look like our site". NOT for: page images or textures (use web-visuals), editing an existing image (use edit-images), store or launch graphics (use app-promo-materials), game characters (use game-assets).
- compatibility
- Requires the Glif MCP server at https://glif.app/api/mcp.
Create a mark the user picks, then turn it into every file the app needs. The user's explicit instructions come first, within host safety rules.
1. Get the brief
Ask only for what's missing:
- product name and one line on what it does
- feel: playful, serious, technical, warm...
- colors to use or avoid
- any existing logo, sketch, screenshot or site URL to build on (upload files with
upload_file)
If the user already has a logo, use it. Don't redesign it unless asked.
2. Explore, then let the user pick
A request for a logo or icon is approval to spend credits on it. Send one compose_project call asking for 4 clearly different concepts:
- 1:1, at least 1024×1024, centered with even padding
- flat, bold shapes that still read at 32 px and in one color
- plain background, no mockups, no extra text unless it's a wordmark
Show the concepts and stop. The user picks. Never choose for them.
3. Make the finals
Continue the same project by passing its project_id to compose_project. Ask for the chosen concept as:
- an SVG, plus a 2048×2048 transparent PNG master
- one-color versions in black and white
- an icon-only square mark, if the concept has a wordmark
- an opaque square version on the brand background color, for app icons
Glif can make SVG. If a result comes back raster-only, a simple flat mark can be traced locally with vtracer or potrace. Check the trace against the PNG.
For wordmarks, check the spelling letter by letter. A crisper option is to set the name in a real font next to the mark, in SVG or HTML.
4. Export the sizes
Download the finals into the repo, for example assets/brand/, with curl -fsSL "<media url>" -o <path>. Make the sizes locally from the master with whatever is installed: sharp, magick, sips or npx png-to-ico. Never upscale.
Web head kit (in public/ or the framework's static folder):
| File | Size | Notes |
|---|---|---|
favicon.ico | 16, 32, 48 | multi-size ICO |
favicon.svg | vector | from the SVG master |
apple-touch-icon.png | 180×180 | opaque, with padding |
icon-192.png, icon-512.png | 192, 512 | listed in site.webmanifest |
icon-maskable-512.png | 512×512 | mark inside the center 80% circle, "purpose": "maskable" |
Add the <link rel="icon">, apple-touch-icon and manifest tags plus <meta name="theme-color">. Look at the favicon at 16 px. If the mark turns to mush, use a simpler glyph or a single letter.
iOS: one 1024×1024 PNG with no transparency and square corners. iOS rounds the corners itself.
Android: adaptive icon with a foreground and a background layer, each 432×432 px at xxxhdpi. Keep the mark inside the center 264 px. The Play Store listing also needs a 512×512 PNG.
Show full SKILL.md (228 more words)Show less
5. Optional extras
Offer these after the logo is approved. Each is a separate request.
- Logo animation: a 2 to 4 second reveal or burst, MP4 with a transparent or brand-color background, for splash screens and video intros.
- Restyle: the same mark as glossy 3D, Y2K chrome or another treatment, on a transparent background.
- Brand kit: palette with hex values, font pairing, usage rules and a one-page sheet. Glif can build it from the new logo, or from the user's existing site by its URL. Save the values as CSS variables or Tailwind theme tokens too.
- Mascot: a character sheet with front, side and back views plus expressions, so the mascot looks the same everywhere.
6. Custom icon sets
For standard UI icons like settings, search or close, use the project's icon library (Lucide, Heroicons and so on) or hand-written SVG. Don't spend credits on them.
For illustrated icons, ask for the whole set in one image so the style matches: a grid of 6 to 12 icons, same stroke weight and palette, plain background. Then ask for each one as SVG or as a 256×256 transparent PNG, named by meaning (icon-invoices.svg). Emoji and stickers for Slack or Discord are 128×128 transparent PNGs.
7. Finish
Share the projectUrl. List every file you wrote and the tags you added. Don't change the user's existing brand files unless they asked.
© glifxyz, 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 in skills/app-icons-and-logos of glifxyz/glif-mcp-server.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit 0c90bf7
Compare with similar skills
App Icons And Logos 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| App Icons And Logos this skillglifxyz/glif-mcp-server | 213 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Maui App Icons Splashdavidortinau/maui-skills | 175 | — | ~995 | Automated safety check: Pass | MIT | |
| Penpot Uiux Designgithub/awesome-copilot | 40k | 1 repos | ~3k | Automated safety check: Pass | MIT | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 135k | 1 repos | ~3.5k | Automated safety check: Pass | MIT | |
| E2Ecallstack/react-native-pager-view | 3.4k | 3 repos | ~2.1k | Automated safety check: Pass | MIT | |
| BrowserStack Live Testinghandsontable/handsontable | 22k | — | ~950 | Automated safety check: Pass | Custom licence |
Similar skills
- Official
Penpot Uiux Design
github/awesome-copilot
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.
Brand and Design Toolkit
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
E2E
callstack/react-native-pager-view
Agentic end-to-end tests with e2e, the e2e runner. An agent skill from callstack/react-native-pager-view.
BrowserStack Live Testing
handsontable/handsontable
Opens a live BrowserStack session on a real Android, iOS or desktop browser for a local or public URL, tunneling localhost through Cloudflare when needed.
Add Icon Mapping
lobehub/lobe-icons
Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.
More from glifxyz/glif-mcp-server
All 10 skills in this repoApp Demo Videos
glifxyz/glif-mcp-server
Record a screencast of an app you are building and turn it into a polished demo, explainer or promo video with Glif, using video templates for device mockups, captions, voiceover and music.
Audio And Video
glifxyz/glif-mcp-server
Make or edit audio and video with Glif, from a text brief or from a reference image, video or audio file.
Edit Images
glifxyz/glif-mcp-server
Edit an existing image with Glif: remove the background, erase or replace objects, expand the canvas, restore or upscale, retouch, restyle or change one detail.
Make Images
glifxyz/glif-mcp-server
Make new still images from a brief with Glif and save them to a folder: concept art, a series of variations, mockups, posters, illustrations, wallpapers, reference boards or any picture that isn't…
Web Visuals
glifxyz/glif-mcp-server
Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code.
App Promo Materials
glifxyz/glif-mcp-server
Plan and make launch, store, ad and campaign graphics with Glif: real app screens turned into store listings and launch posts, or a coordinated set of product photos, ads, a short video and a jingle…
Related
Works with
Categories
Questions about App Icons And Logos
What does App Icons And Logos do?
Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code. App Icons And Logos is an agent skill from glifxyz/glif-mcp-server. Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code.
When should I use App Icons And Logos?
App Icons And Logos fits situations like: : help me design a logo; design an app icon; we need a favicon; android adaptive icon.
How do I install App Icons And Logos in Claude Code?
Run `npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a claude-code`. Or copy the skill folder (skills/app-icons-and-logos in glifxyz/glif-mcp-server) into .claude/skills/app-icons-and-logos in your project. Claude Code loads it when a task matches its description.
How do I install App Icons And Logos in Codex?
Run `npx skills add glifxyz/glif-mcp-server --skill app-icons-and-logos -a codex`. Or copy the skill folder (skills/app-icons-and-logos in glifxyz/glif-mcp-server) into .agents/skills/app-icons-and-logos in your project. Codex loads it when a task matches its description.
Can I use App Icons And Logos 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 glifxyz/glif-mcp-server --skill app-icons-and-logos -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-icons-and-logos, .gemini/skills/app-icons-and-logos, .github/skills/app-icons-and-logos and .opencode/skills/app-icons-and-logos in your project.
What does App Icons And Logos need to run?
Going by SKILL.md and its folder, App Icons And Logos needs the command-line tools its instructions call (curl and npx). Our summary lists: Node.js. Compatibility (from SKILL.md): Requires the Glif MCP server at https://glif.app/api/mcp..
Does App Icons And Logos access the network?
SKILL.md contains no URLs. Its commands use curl and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is App Icons And Logos 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 App Icons And Logos use?
App Icons And Logos 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 App Icons And Logos use?
About 1.3k tokens (SKILL.md is roughly 5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to App Icons And Logos?
Skills that share tags, products or a category with App Icons And Logos: Maui App Icons Splash (davidortinau/maui-skills, 175 stars), Penpot Uiux Design (github/awesome-copilot, 40k stars), Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 135k stars) and E2E (callstack/react-native-pager-view, 3.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains App Icons And Logos?
glifxyz (a GitHub organization) maintains it in glifxyz/glif-mcp-server, which has 213 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on October 9, 2026.
Source: glifxyz/glif-mcp-server on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.