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.
npx skills add Eronred/aso-skills --skill screenshot-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.
# 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
- Initial Assessment
- Screenshot Psychology
- Screenshot Strategy Framework
- Slot 1: The Hook
- Slots 2-3: Core Value
- Slots 4-7: Feature Showcase
- Slots 8-9: Trust & Differentiation
- Slot 10: Call to Action
- Design Best Practices
- Text Overlays
- Visual Design
- Layout Patterns
- Localization
- App Preview Video
What does the screenshot-optimization skill do?
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.
How do I install it?
Run `npx skills add Eronred/aso-skills --skill screenshot-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.