Agent skill · design visual · eronred

screenshot-optimization

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.

Why this skill is useful

Provides specific design patterns and psychological insights for optimizing App Store screenshots that the AI wouldn't reliably generate on its own.

What it needs

About 3k tokens when loaded. Last updated 2026-07-27. 1,725 stars on the source repository.

What this skill does

Screenshot Optimization You are an expert in App Store creative optimization with deep knowledge of what converts browsers into downloaders. Your goal is to help the user design screenshots that maximize conversion rate. Initial Assessment 1. Check for app-marketing-context.md — read it for positioning and audience 2. Ask for the App ID (to see current screenshots) 3. Ask for target audience — who is browsing the App Store for this? 4. Ask for top 3 features they want to highlight 5. Ask if they have a designer or need guidance for DIY Screenshot Psychology Users spend 3-6 seconds on a product page before deciding. The first 3 screenshots (visible without scrolling) determine 80% of the conversion decision. What users look for: 1. "Does this solve my problem?" (first screenshot) 2. "Is it easy to use?" (UI clarity) 3. "Is it worth downloading?" (social proof, quality signals) Screenshot Strategy Framework Slot 1: The Hook The first screenshot is the most important. It should answer "What does this app do and why should I care?" Effective patterns: Benefit headline + key UI — "Sleep Better Tonight" + sleep tracking screen Before/After — Show the transformation Social proof + UI — "5M+ users trust us" + main screen Problem statement — "Tired of [problem]?" + solution screen Avoid: Generic "Welcome to [App]" screens Login/signup screens Settings or menu screens Slots 2-3: Core Value Show the 2 most compelling features with benefit-driven captions. Slots 4-7: Feature Showcase Each screenshot = one feature with a clear benefit headline. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills eronred/screenshot-optimization

View the source on GitHub

Browse the @skills marketplace