Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From eronred-aso-skills-9
Optimizes App Store screenshots and preview videos for higher conversions with hook frameworks, feature showcases, trust signals, text overlays, and visual best practices.
How this skill is triggered — by the user, by Claude, or both
Slash command
/eronred-aso-skills-9:screenshot-optimizationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
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.
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.
app-marketing-context.md — read it for positioning and audienceUsers 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:
The first screenshot is the most important. It should answer "What does this app do and why should I care?"
Effective patterns:
Avoid:
Show the 2 most compelling features with benefit-driven captions.
Each screenshot = one feature with a clear benefit headline.
Formula: [Benefit Headline] + [Feature UI] + [Supporting Detail]
| Do | Don't |
|---|---|
| Benefit-driven headlines | Feature names ("Push Notifications") |
| 4-6 words per headline | Long paragraphs |
| Large, readable font (min 60px) | Small text that's unreadable |
| High contrast text | Text over busy backgrounds |
| Consistent font and style | Mixed fonts and sizes |
| Do | Don't |
|---|---|
| Clean, uncluttered UI | Busy screens with too much data |
| Consistent color scheme | Clashing colors |
| Modern device frames (or frameless) | Outdated device frames |
| Real app content (not lorem ipsum) | Placeholder or empty states |
| Dark mode if your app supports it | Ignoring dark mode users |
Portrait (recommended for most apps):
Landscape (games, video, productivity):
For each of the 10 slots:
Slot [N]: [Headline]
- Caption: "[benefit-driven text]"
- Screen: [which app screen to show]
- Layout: [portrait/landscape, device frame, text position]
- Key element: [what draws the eye]
If the user needs to brief a designer:
| Element | Your App | Comp 1 | Comp 2 | Comp 3 |
|---|---|---|---|---|
| # of screenshots | ||||
| Has video? | ||||
| First screenshot type | ||||
| Text overlay style | ||||
| Design quality (1-10) | ||||
| Unique angle |
ab-test-store-listing — Test screenshot variationsaso-audit — Screenshots as part of broader auditcompetitor-analysis — Analyze competitor creative strategylocalization — Localize screenshots for international marketsnpx claudepluginhub eronred/aso-skillsOptimizes App Store product pages for search visibility and conversion. Covers keyword research, metadata strategy, screenshot optimization, Custom Product Pages, In-App Events, ratings/review management, and localized metadata.
Scaffolds a Next.js + ShadCN editor for designing and exporting App Store and Google Play marketing screenshots with device frames, drag-to-reorder, and bulk PNG export.
Creates, revises, translates, crops, validates, and prepares App Store marketing screenshots via a workspace workflow. Useful for building `.appstore-screenshots` assets from app inspection and install-promise copy.