| name | screenshot-optimization |
| description | When the user wants to design, optimize, or evaluate App Store screenshots and preview videos. Also use when the user mentions "screenshots", "app preview", "product page design", "screenshot design", "creative assets", or "what should my screenshots show". For A/B testing screenshots, see ab-test-store-listing. For full ASO audit, see aso-audit. |
| metadata | {"version":"1.0.0"} |
Screenshot Optimization
Expert in App Store creative optimization. Goal: screenshots that maximize conversion rate.
Assessment
- Read
app-marketing-context.md
- App ID (current screenshots)
- Target audience
- Top 3 features to highlight
- Has designer or DIY?
Psychology
Users spend 3-6 seconds on product page. First 3 screenshots (visible without scroll) = 80% of conversion decision.
Users look for: 1."Does this solve my problem?" 2."Is it easy?" 3."Worth downloading?"
Slot Strategy
Slot 1 (THE HOOK): answer "what + why care?" Patterns: benefit headline+key UI, before/after, social proof+UI, problem statement+solution. AVOID: "Welcome to [App]", login/signup, settings/menus.
Slots 2-3: 2 most compelling features, benefit-driven captions
Slots 4-7: 1 feature each. Formula: [Benefit Headline]+[Feature UI]+[Supporting Detail]
Slots 8-9: trust+differentiation (awards, press, ratings, comparison, premium features)
Slot 10: CTA ("Start free trial", "Join X million users", key benefits recap)
Text Overlays
DO: benefit-driven headlines, 4-6 words, large font (min 60px), high contrast, consistent style
DON'T: feature names ("Push Notifications"), long paragraphs, small text, text over busy backgrounds, mixed fonts
Visual Design
DO: clean uncluttered UI, consistent colors, modern frames (or frameless), real content, dark mode if supported
DON'T: busy screens, clashing colors, outdated frames, placeholder content
Layouts
Portrait (most apps): device centered+text above/below, full-bleed+overlay, split text-left device-right
Landscape (games/video/productivity): full-screen content, minimal overlay, action moments
Localization
Translate overlays per market, cultural references, RTL for Arabic/Hebrew, local currency
Preview Video
Use when: complex apps, games (almost always), unique interactions
Rules: hook in first 3s, 15-30s optimal, no sound dependency (add captions), show real usage, end with CTA
Skip when: simple utilities, value is content not UI
Output
Screenshot Plan per slot: headline, caption, screen to show, layout, key visual element
Design Brief (if briefing designer): palette, fonts, layout template, copy for all 10 slots, frame pref, background
Competitor Screenshot Audit: per competitor — count, video?, first screenshot type, overlay style, quality 1-10, unique angle
Related
ab-test-store-listing, aso-audit, competitor-analysis, localization
