solo-apple-app-icon

Solid

Build an iOS 26+ layered app icon (.icon / Icon Composer) from a designer's SVG, generated by script rather than drawn by hand, and check every appearance without launching the app. Use when the user says "иконка приложения", "сделай иконку", "app icon", "Icon Composer", "layered icon", "иконка не как в фигме", "тёмная иконка выглядит плохо", or when an app still ships a folder of flattened PNGs. Do NOT use for in-app icons and SF Symbols (that is symbol work), or for the App Store screenshot set.

AI & Automation 18 stars 2 forks Updated today MIT

Install

View on GitHub

Quality Score: 84/100

Stars 20%
43
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# apple-app-icon — the icon as a build artefact, not a drawing On iOS 26 an app icon is no longer a flattened PNG: it is a small bundle of **layers** the system lights, tints and renders as Liquid Glass. Icon Composer draws them by hand; this skill generates the same document from the brand artwork, so the icon is *rebuilt* when the brand changes rather than redrawn from memory. Reach for it when the icon and the app disagree — different mark, different gradient, or nine PNGs whose source nobody can find. ## Workflow ### 1. Find the real artwork before drawing anything Two attempts went the wrong way on one project before the file turned up: rebuilding the mark from the app's own button geometry (beautiful, and a different mark), then tracing it off a 1024 PNG by measuring pixels (the right mark, at second-hand accuracy). ```bash find ~ -maxdepth 7 \( -iname "*logo*" -o -iname "*icon*" \) \ \( -iname "*.svg" -o -iname "*.ai" -o -iname "*.sketch" \) 2>/dev/null mdfind -name "logo" # useless if Spotlight is off — check `mdutil -s /` ``` Look in abandoned web projects and old zips; a Figma export usually survives somewhere even when the designer's archive link is dead. **What you want is one artboard, already composed**: the mark on its tile, with the background gradient in a `<linearGradient>`. That file is the source of truth — copy it into the repo (`Resources/logo-source.svg`) so the icon has a provenance. ### 2. Generate ```bash python3 "${SKILL_DIR}/...

Details

Author
fortunto2
Repository
fortunto2/solo-factory
Created
7 months ago
Last Updated
today
Language
Shell
License
MIT

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category