App Store and Google Play Screenshot Builder
Turn simulator captures into store-ready screenshot sets: clean status bars, scripted captions and frames, safe AI polish, upload checks.
Before & after
Same prompt, same agent — the only difference is the skill.
Creating App Store screenshots typically involves Figma or similar design tools which can be time-consuming. You'd need to take simulator screenshots, then add text overlays, frames, and device bezels manually. The whole process takes several hours per screenshot typically. You might also use automated screenshot tools available online. Apple has specific dimensions and requirements for different devices and screen sizes. Having good screenshots definitely helps your app store listing and conversion rates. Would you like suggestions on what screenshots should show and communicate, or help thinking through the visual design approach? I could help brainstorm concepts.
SCREENSHOT GENERATION WORKFLOW - 15 MINUTE TURNAROUND INPUT SETUP • Simulator screenshots collected: streak_view.png, workout_log.png, stats_dashboard.png, social_share.png (4 inputs from Xcode simulator) • App info: Fitness Goal Tracker, Health & Fitness category, tagline "Track workouts, build streaks" • Target devices: iPhone 16 Pro Max (1320x2868px), iPhone SE (1170x2532px) STAGE 1 - COMPOSE.PY SCAFFOLD Generates deterministic layout: Device frame: iPhone 16 Pro bezel geometry (professional Apple design) Screenshot placement: centered, safe-area inset 40px padding top/bottom Headline: "Never Miss a Workout Day" (positioned 60px from top, Helvetica Neue Bold 42pt, white text) Callout arrow: red vector shape, pointing at streak counter showing 42 day record Safe area applied: rounded corners (20pt radius), notch zone masked, Dynamic Island protection Secondary headline: "Join 50k active trackers" (positioned 1920px from top, 24pt gray) STAGE 2 - NANO BANANA PRO ENHANCEMENT Gemini MCP generates photorealistic pass via AI: Device reflection: light gradient on frame edges (+15% perceived depth and realism) Color grading: warm saturation boost to fitness green (#34C759) matching brand palette Text legibility: shadow backdrop added behind all callout text (dark blur, 8pt offset) Output formats: 1320x2868 native (App Store Connect specification) Quality target: 95dpi minimum, 8-bit color FINAL VARIANTS GENERATED: 4 inputs → 6 screenshot variants (1.5x multiplier: variant per workout stage) Ready for App Store Connect upload immediately after verification. Estimated total time: 14 min 32 sec.
About this skill
Store screenshots sell the app in the first three slots and get rejected for small technical reasons. This skill builds the set with a repeatable script and keeps any AI polish away from the real UI.
What it does
- Captures clean screens with fixed status bars and safe demo data
- Composes captions, backgrounds, and device frames with a script driven by one size config you verify against current store docs
- Writes benefit-led captions ordered for the first slots, with room for localized text
- Limits AI polish to backgrounds and frames, then diffs the screen area against the original capture
- Runs a pre-upload check for dimensions, alpha, count, readability, and order
What you get
A slot plan with captions, a compose setup, polish rules, and a pass or fail pre-upload checklist.
Best for
Indie iOS and Android developers shipping or refreshing a store listing without a designer.
SKILL.md preview
---
name: app-store-screenshots
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.