app-icon — for Claude Code app-icon, prompt-to-asset, community, for Claude Code, ide skills, asset-generation, claude-code, favicon, gpt-image-1, ideogram

v1.0.0

Sobre este Skill

Cenario recomendado: Ideal for AI agents that need app icon generation. Resumo localizado: MCP server + CLI for production-grade software assets (logos, app icons, favicons, OG, illustrations) — routes across 30+ image models, zero-key first, validates before shipping. It covers app-icon, asset-generation, claude-code workflows. This AI agent skill supports Claude

Recursos

App icon generation
Platform requirements (non-negotiable)
Platform Size/format Transparency Safe zone
iOS App Store 1024×1024 PNG, no alpha opaque squircle mask applied by OS; keep subject in 824px
iOS device 180, 167, 152, 120, 87, 80, 76, 60, 58, 40, 29, 20 (@1x, @2x, @3x) opaque same

# Tópicos principais

MohamedAbdallah-14 MohamedAbdallah-14
[3]
[0]
Atualizado: 4/28/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

Cenario recomendado: Ideal for AI agents that need app icon generation. Resumo localizado: MCP server + CLI for production-grade software assets (logos, app icons, favicons, OG, illustrations) — routes across 30+ image models, zero-key first, validates before shipping. It covers app-icon, asset-generation, claude-code workflows. This AI agent skill supports Claude

Por que usar essa habilidade

Recomendacao: app-icon helps agents app icon generation. MCP server + CLI for production-grade software assets (logos, app icons, favicons, OG, illustrations) — routes across 30+ image models, zero-key first, validates

Melhor para

Cenario recomendado: Ideal for AI agents that need app icon generation.

Casos de Uso Práticos for app-icon

Caso de uso: Applying App icon generation
Caso de uso: Applying Platform requirements (non-negotiable)
Caso de uso: Applying Platform Size/format Transparency Safe zone

! Segurança e Limitações

  • Limitacao: Route the mark generation (see skills/logo/SKILL.md) — no text; subject-only.
  • Limitacao: Route the mark generation (see skills/logo/SKILL.md) — no text; subject-only
  • Limitacao: Requires repository-specific context from the skill documentation

About The Source

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Demo Labs

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ e etapas de instalação

These questions and steps mirror the structured data on this page for better search understanding.

? Perguntas frequentes

O que é app-icon?

Cenario recomendado: Ideal for AI agents that need app icon generation. Resumo localizado: MCP server + CLI for production-grade software assets (logos, app icons, favicons, OG, illustrations) — routes across 30+ image models, zero-key first, validates before shipping. It covers app-icon, asset-generation, claude-code workflows. This AI agent skill supports Claude

Como instalar app-icon?

Execute o comando: npx killer-skills add MohamedAbdallah-14/prompt-to-asset/app-icon. Ele funciona com Cursor, Windsurf, VS Code, Claude Code e mais de 19 outros IDEs.

Quais são os casos de uso de app-icon?

Os principais casos de uso incluem: Caso de uso: Applying App icon generation, Caso de uso: Applying Platform requirements (non-negotiable), Caso de uso: Applying Platform Size/format Transparency Safe zone.

Quais IDEs são compatíveis com app-icon?

Esta skill é compatível com Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use a CLI do Killer-Skills para uma instalação unificada.

app-icon tem limitações?

Limitacao: Route the mark generation (see skills/logo/SKILL.md) — no text; subject-only.. Limitacao: Route the mark generation (see skills/logo/SKILL.md) — no text; subject-only. Limitacao: Requires repository-specific context from the skill documentation.

Como instalar este skill

  1. 1. Abra o terminal

    Abra o terminal ou linha de comando no diretório do projeto.

  2. 2. Execute o comando de instalação

    Execute: npx killer-skills add MohamedAbdallah-14/prompt-to-asset/app-icon. A CLI detectará sua IDE ou agente automaticamente e configurará a skill.

  3. 3. Comece a usar o skill

    O skill já está ativo. Seu agente de IA pode usar app-icon imediatamente no projeto atual.

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

app-icon

Install app-icon, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

App icon generation

Platform requirements (non-negotiable)

PlatformSize/formatTransparencySafe zone
iOS App Store1024×1024 PNG, no alphaopaquesquircle mask applied by OS; keep subject in 824px center
iOS device180, 167, 152, 120, 87, 80, 76, 60, 58, 40, 29, 20 (@1x, @2x, @3x)opaquesame
iOS 18 dark / tintedIcon Composer layered sourceper-layersame
Android adaptive108 dp foreground + 108 dp background; 72 dp visible safe zoneFG yes / BG no72 dp of 108 dp
Android 13 monochromethemed drawableyessame
Google Play512×512 PNG, no alphaopaque
PWA192, 512 any; 512 maskablemaskable: opaque + 80% safe zone80% of 512 for maskable
visionOS3× 1024² PNGs (parallax layers)per-layer

Generation — mark, then pack

Never generate per-platform. Always: one 1024² RGBA master → deterministic fan-out.

  1. Route the mark generation (see skills/logo/SKILL.md) — no text; subject-only.
  2. Matte with BiRefNet if the chosen provider returned opaque.
  3. Deterministic export via pipeline/export.ts::exportAppIconBundle (pure sharp — no external CLI dependency):
    • iOS: AppIcon.appiconset/Contents.json + every required PNG (iPhone/iPad/Mac/Watch/marketing). 1024 marketing variant flattened onto brand primary color (App Store rejects alpha). iOS 18 dark/tinted appearances emitted when ios_18_appearances: true.
    • Android: mipmap-{mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi}/ic_launcher.png + mipmap-anydpi-v26/ic_launcher.xml pointing to ic_launcher_foreground + ic_launcher_background + ic_launcher_monochrome (foreground-derived via greyscale+threshold; the final themed-icon result should still be audited manually for complex marks).
    • PWA: 192.png, 512.png, 512-maskable.png (80% safe-zone padding) + manifest-snippet.json.
    • visionOS: 1024² master.png + a README describing the 3-layer parallax split that Xcode's Reality Composer Pro or a manual Photoshop step produces.
    • Favicon bonus: .ico (16/32/48 multi-res) via optional png-to-ico; falls back to separate PNGs with a warning if the dep is absent.

Prompt scaffold

A [flat vector | isometric 3D | glyph | soft gradient] app icon representing [SUBJECT, concrete noun phrase].
Bold, memorable silhouette. High contrast.
Subject fills 70-80% of frame, centered.
No text, no labels, no wordmark.
Palette: [#primary, #secondary, #accent].
Solid pure white background.
1:1 square, 1024x1024.

For platform styling: iOS-style rounded square backdrop or Android-style adaptive foreground on transparent can be added to steer, but the mark should be subject-only — backdrop is applied deterministically in export.

Android 13 monochrome derivation

Heuristic (see Open Question G11 in SYNTHESIS.md): sharp(foreground).greyscale().threshold(128).tint('#000'). Works for bold single-subject marks; audit visually for complex marks.

Validation

  • 1024 marketing variant: opaque, dimensions exact, file <1MB.
  • Android foreground: tight-bbox inside 72dp of 108dp.
  • PWA maskable: subject inside 80% center circle.
  • Contrast at 16×16 (renders to "favicon-ish" size): WCAG AA vs both white and dark card.
  • No text detected by OCR (app icons must be text-free).

Output

app-icon/
├── master.png                      # 1024² RGBA
├── ios/AppIcon.appiconset/         # Contents.json + all sizes
├── ios/AppIcon-1024-opaque.png     # App Store marketing
├── android/mipmap-*/ic_launcher.png
├── android/mipmap-anydpi-v26/ic_launcher.xml
├── android/drawable/ic_launcher_{foreground,background,monochrome}.png
├── pwa/{192,512,512-maskable}.png
├── pwa/manifest-snippet.json
├── visionos/{front,middle,back}.png   # if parallax
└── meta.json

Habilidades Relacionadas

Looking for an alternative to app-icon or another community skill for your workflow? Explore these related open-source skills.

Ver tudo

openclaw-release-maintainer

Logo of openclaw
openclaw

Resumo localizado: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

widget-generator

Logo of f
f

Resumo localizado: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and

flags

Logo of vercel
vercel

Resumo localizado: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

138.4k
0
Navegador

pr-review

Logo of pytorch
pytorch

Resumo localizado: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

98.6k
0
Desenvolvedor