App Icon Optimization
Audit and refine App Store icon design and A/B variants to lift tap-through rate in search and browse.
Overview
App Icon Optimization is an agent skill for the Launch phase that helps solo mobile builders audit, design, and A/B test app icons to increase App Store tap-through rate.
Install
npx skills add https://github.com/eronred/aso-skills --skill app-icon-optimizationWhat is this skill?
- Frames icon as highest-impact listing asset for search TTR (often before title or screenshots)
- Design rules: max 2 elements, no text, strong 60×60pt silhouette
- Light and dark App Store background contrast guidance
- A/B testing and variant workflow for icon refresh
- Cross-links to screenshot-optimization and ab-test-store-listing for full listing tests
- icons render at 60×60pt in iPhone search results
- compelling icon can lift TTR by 20–40%
Adoption & trust: 1.1k installs on skills.sh; 1.5k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
Your listing loses taps in search because the icon is busy, low-contrast, or unreadable at store thumbnail size.
Who is it for?
Indie iOS/Android developers refreshing store creative who can produce icon files in Figma or Xcode asset catalogs and run Product page optimization tests.
Skip if: Web-only SaaS with no app store listing, or teams seeking screenshot storytelling or keyword ASO without icon work.
When should I use this skill?
User mentions app icon, icon design, icon A/B test, variants, tap-through rate, icon conversion, icon refresh, or wants what makes a good app icon.
What do I get? / Deliverables
You get icon design criteria, audit feedback, and A/B variant guidance aligned to measurable TTR lifts before investing in screenshots or full listing tests.
- Icon design audit against simplicity and contrast rules
- Variant concepts for A/B testing
- TTR-focused recommendations tied to search and browse contexts
Recommended Skills
Journey fit
Icon TTR and store-listing conversion work happens when the app is ready to compete on the store—Launch ASO, not early idea research. The skill is narrowly about the app icon asset and TTR in App Store surfaces, which maps directly to ASO subphase.
How it compares
ASO creative coaching for the icon asset—not a screenshot narrative skill or a full store-listing A/B orchestrator.
Common Questions / FAQ
Who is app-icon-optimization for?
Solo and indie mobile app builders optimizing App Store or Play listing visuals to improve tap-through from search and browse.
When should I use app-icon-optimization?
In Launch ASO when designing a new icon, preparing icon A/B variants, or diagnosing poor tap-through before broader listing experiments.
Is app-icon-optimization safe to install?
It is guidance-only with no repo mutation; review the Security Audits panel on this Prism page like any third-party skill before enabling in your agent.
SKILL.md
READMESKILL.md - App Icon Optimization
# 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 category norms: | Category | Common patterns | How to stand out | |----------|----------------|-----------------| | Productivity | Blue, clean, minimal | Warmer colors, bolder marks | | Health/Fitness | Green, orange, energetic | Premium dark, sophisticated | | Finance | Blue, green, conservative | Bold, distinctive mark | | Games | Bright, characters, action | Premium/dark if competitors are loud | | Social | Round shapes, soft colors | Sharp, distinctive if feed is soft | | Meditation | Purple, blue, calm | Unexpected contrast color | | Photo/Video | Gradient, camera | Single strong mark | **Rule:** Look at your top 20 competitors' icons. Then design to be immediately distinguishable. ### 4. Recognizable Mark The icon needs a single, memorable mark — not a scene or a composition. Ask: > "Can someone describe this icon in 3 words?" - ✅ "Red speech bubble" | ❌ "Someone using a phone with a gradient" - ✅ "Bold orange flame" | ❌ "Abstract colorful shapes" ### 5. Brand Consistency The icon is your brand mark in the App Store. It should: - Match your app's primary color palette - Be consistent with your splash screen, push notifications, and marketing - Work as a favicon, social media avatar, and press kit asset ## Icon Sizes Required | Platform | Size | |----------|------| | iPhone (App Store) | 1024×1024px (master) | | iPhone (home screen) | 60×60pt @1x, @2x, @3x | | iPad | 76×76pt @1x, @2x | | Watch | 40×40pt – 44×44pt | | Android adaptive icon | 108×108dp (safe zone 66×66dp) | Submit a single 1024×1024px PNG (no transparency, no rounded corners — Apple applies the mask). ## A/B Testing Icons ### iOS — Product Page Optimization 1. App Store Connect → Your App → Product Page Optimization → Create Test 2. Create up to 3 icon variants 3. Set traffic allocation (20–33% per variant) 4. Run for minimum 7 days or until statistical significance **Access:** App Store Connect → App Store → Product Page Optimization ### Android — Play Store Experiments 1. Play Console → Store listing experiments → New experiment 2. Upload up to 3 icon variants 3. Set traffic split 4. Google reports install conversion rate per variant ### What to Test Test one variable at a time: | Test | Variants | |------|---------| | Color scheme | Same m