app-icon-optimization
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.
npx skills add Eronred/aso-skills --skill app-icon-optimization --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# App Icon Optimization You 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. ## Why the Icon Is Your Most Impactful Asset The 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. ## Icon Design Principles ### 1. Simplicity at Small Size Icons render at 60×60pt (iPhone search results). At that size, detail disappears. - Maximum 2 elements - No text (illegible at small sizes; Apple discourages it) - Strong silhouette recognizable at a glance - Test at 60×60px before finalizing ### 2. Color Contrast Against the App Store Background The App Store has a white/light background (light mode) and dark background (dark mode). - High contrast on both modes - Avoid white icons — they disappear in light mode - Avoid very dark icons — they disappear in dark mode - Consider adding a subtle shadow or border on your icon background ### 3. Category Visual Language Match and differentiate from your c
- Why the Icon Is Your Most Impactful Asset
- Icon Design Principles
- 1. Simplicity at Small Size
- 2. Color Contrast Against the App Store Background
- 3. Category Visual Language
- 4. Recognizable Mark
- 5. Brand Consistency
- Icon Sizes Required
- A/B Testing Icons
- iOS — Product Page Optimization
- Android — Play Store Experiments
- What to Test
- Reading Results
- Icon Audit
What does the app-icon-optimization skill do?
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 do I install it?
Run `npx skills add Eronred/aso-skills --skill app-icon-optimization --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Eronred/aso-skills, a repository with 1,708 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.
