App Store Screenshot Automator
Generate App Store screenshots from your app's simulator captures in ~15 minutes instead of hours in Figma, using a compose scaffold plus Nano Banana Pro for a photorealistic device frame.
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
name: app-store-screenshots description: Use when generate App Store screenshots from your app's simulator captures in ~15 minutes instead of hours in Figma, using a compose scaffold plus Nano Banana Pro for a photorealistic device frame.
App Store Screenshot Automator
the original author's App Store screenshot skill collapses the ASO screenshot workflow from hours in Figma to about fifteen minutes on autopilot. It uses a two-stage approach: compose.py creates a deterministic scaffold with exact text positioning, device frame, and your simulator screenshot composited inside, then Nano Banana Pro (via Gemini MCP) enhances that scaffold with a photorealistic device frame, breakout elements, and visual polish. Drop in your simulator screenshots, describe the app, and the final images can be exported straight to App Store Connect.
What you get
- Deterministic compose.py scaffold (exact text position, device frame, screenshot slot)
- Nano Banana Pro pass for photorealistic device frame and visual polish via Gemini MCP
- multiple ASO screenshot variants
- App Store Connect-ready output
Customize your output
- App context: name, category, key benefit
- Screenshot inputs: simulator captures
- Number of variants: how many screenshot alternatives
- Output size: App Store Connect device dimensions
Example output
For a habit-tracking iOS app, given four simulator screenshots and a one-line pitch, the skill outputs six variant screenshots with device frames, on-brand headlines, and callouts pointing at the streak counter, ready to upload.
Best for
Indie iOS and Android developers optimizing App Store Optimization without a designer
SKILL.md preview
---
name: app-store-screenshots
description: Use this skill when App Store screenshots need to be generated quickly from an app's simulator captures instead of manually designing them in Figma.
version: 1.0.0
category: App Development / AI Automation
author: AgentVolt
license: proprietary
tags:
- app-development
- ai-automation
- p2
---
# App Store Screenshot Automator
Collapses the App Store screenshot workflow into a fast, two-stage pipeline: a deterministic compositing pass followed by AI-driven photorealistic polish.
## When to use
… (sign up to view the full skill)