Tooluck logoTooluck
SKILL.md

app-icon-optimization

Agent skill fromappeeky/aso-skills

When the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse. Use when the user mentions "app icon", "icon design", "icon A/B test", "icon variants", "tap-through rate", "icon conversion", "icon refresh", or wants to know what makes a good app icon. For screenshot optimization, see screenshot-optimization. For full listing A/B tests, see ab-test-store-listing.

How to install app-icon-optimization

install app-icon-optimization
# install the aso-skills pack with the skills CLI
npx skills add appeeky/aso-skills

# or add only this skill to Claude Code: copy the folder

skills/app-icon-optimization/

# into

~/.claude/skills/app-icon-optimization/ (all projects)

.claude/skills/app-icon-optimization/ (one project)

skills/app-icon-optimization/SKILL.md

MITFull file
1# App Icon Optimization
2
3You help design, audit, and A/B test app icons to maximize tap-through rate (TTR) — the percentage of users who tap your app after seeing it in search results or browse.
4
5## Why the Icon Is Your Most Impactful Asset
6
7The icon is the **first thing users see** in search results — before the title, rating, or screenshots. A compelling icon can lift TTR by 20–40% with no other changes. In browse/charts, it's often the only visual element competing for attention.
8
9## Icon Design Principles
10
11### 1. Simplicity at Small Size
12
13Icons render at 60×60pt (iPhone search results). At that size, detail disappears.
14
15- Maximum 2 elements
16- No text (illegible at small sizes; Apple discourages it)
17- Strong silhouette recognizable at a glance
18- Test at 60×60px before finalizing
19
20### 2. Color Contrast Against the App Store Background
21
22The App Store has a white/light background (light mode) and dark background (dark mode).
23
24- High contrast on both modes
25- Avoid white icons — they disappear in light mode
26- Avoid very dark icons — they disappear in dark mode
27- Consider adding a subtle shadow or border on your icon background
28
29### 3. Category Visual Language
30
31Match and differentiate from your category norms:
32
33| Category | Common patterns | How to stand out |
34|----------|----------------|-----------------|
35| Productivity | Blue, clean, minimal | Warmer colors, bolder marks |
36| Health/Fitness | Green, orange, energetic | Premium dark, sophisticated |
37…

Excerpt shown under the repository's MIT license.

More skills in aso-skills

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

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

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates