app-store-screenshots
App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing
- Installs
- 26.2K
- Last 24h
- +617
- Trending rank
- #574
- Security
- Pass
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/its-a-skill-issue/superpowers --skill app-store-screenshots- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads app-store-screenshots automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
Security audits
Independent scans of the skill's instructions and bundled files.
SKILL.md
The instructions your agent reads when the skill is triggered.
Install the belt CLI skill:
npx skills add belt-sh/cli
App Store Screenshots
Create app store screenshots and preview videos via inference.sh CLI.
Quick Start
Requires inference.sh CLI (
belt). Install instructions
belt login
# Generate a device mockup scene
belt app run falai/flux-dev-lora --input '{
"prompt": "iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style",
"width": 1024,
"height": 1536
}'
Platform Specifications
Apple App Store (iOS)
| Device | Dimensions (px) | Required |
|---|---|---|
| iPhone 6.7" (15 Pro Max) | 1290 x 2796 | Required |
| iPhone 6.5" (11 Pro Max) | 1284 x 2778 | Required |
| iPhone 5.5" (8 Plus) | 1242 x 2208 | Optional |
| iPad Pro 12.9" (6th gen) | 2048 x 2732 | If iPad app |
| iPad Pro 11" | 1668 x 2388 | If iPad app |
- Up to 10 screenshots per localization
- First 3 screenshots are visible without scrolling (critical)
- Formats: PNG or JPEG (no alpha/transparency for JPEG)
Google Play Store (Android)
| Spec | Value |
|---|---|
| Min dimensions | 320 px (any side) |
| Max dimensions | 3840 px (any side) |
| Aspect ratio | 16:9 or 9:16 |
| Max screenshots | 8 per device type |
| Formats | PNG or JPEG (24-bit, no alpha) |
- Feature graphic: 1024 x 500 px (required for featuring)
- Promo video: YouTube URL (optional but recommended)
The First 3 Rule
80% of App Store impressions show only the first 3 screenshots (before the user scrolls). These three must:
- Communicate the core value proposition
- Show the best feature/outcome
- Differentiate from competitors
Screenshot Gallery Order
| Position | Content | Purpose |
|---|---|---|
| 1 | Hero — core value, best feature | Stop the scroll, communicate what the app does |
| 2 | Key differentiator | What makes you unique vs competitors |
| 3 | Most popular feature | The thing users love most |
| 4 | Social proof or outcome | Ratings, results, testimonials |
| 5-8 | Additional features | Supporting features, settings, integrations |
| 9-10 | Edge cases | Specialized features for niche users |
Screenshot Styles
1. Device Frame with Caption
The standard: device mockup showing the app, caption text above/below.
┌──────────────────────────┐
│ "Track Your Habits │ ← Caption (benefit-focused)
│ Effortlessly" │
│ │
│ ┌──────────────────┐ │
│ │ │ │
│ │ App Screen │ │ ← Actual app UI in device frame
│ │ Content │ │
│ │ │ │
│ │ │ │
│ └──────────────────┘ │
│ │
└──────────────────────────┘
2. Full-Bleed UI (No Device Frame)
The app UI fills the entire screenshot. Works for immersive apps.
3. Lifestyle Context
The device shown in a real-world context (person holding phone, on desk, etc.).
4. Feature Highlight with Callouts
UI screenshot with arrows/circles pointing to specific features.
Caption Writing
Rules
- Max 2 lines of text
- Benefit-focused, not feature-focused
- 30pt+ equivalent font size (must be readable in store)
Examples
❌ Feature-focused:
"Push Notification System"
"Calendar View with Filters"
"Data Export Functionality"
✅ Benefit-focused:
"Never Miss a Deadline Again"
"See Your Week at a Glance"
"Share Reports in One Tap"
Generating Screenshots
Hero Screenshot (Position 1)
# Clean device mockup with hero feature
belt app run falai/flux-dev-lora --input '{
"prompt": "modern iPhone showing a beautiful fitness tracking app with activity rings and workout summary, device floating at slight angle against soft purple gradient background, professional product shot, clean minimal composition, subtle reflection",
"width": 1024,
"height": 1536
}'
Feature Highlight
# Feature callout style
belt app run bytedance/seedream-4-5 --input '{
"prompt": "app store screenshot style, iPhone showing a messaging app with AI writing suggestions highlighted, clean white background, subtle UI callout arrows, professional marketing asset, modern design",
"size": "2K"
}'
Lifestyle Context
# Device in real-world setting
belt app run falai/flux-dev-lora --input '{
"prompt": "person holding iPhone showing a cooking recipe app, kitchen background with ingredients, warm natural lighting, over-the-shoulder perspective, lifestyle photography, authentic feeling",
"width": 1024,
"height": 1536
}'
Before/After
# Split comparison
belt app run infsh/stitch-images --input '{
"images": ["before-screenshot.png", "after-screenshot.png"],
"direction": "horizontal"
}'
Preview Videos
Apple App Store
| Spec | Value |
|---|---|
| Duration | 15-30 seconds |
| Orientation | Portrait or landscape (match app) |
| Audio | Optional (loops silently in store) |
| Format | H.264, .mov or .mp4 |
Google Play
| Spec | Value |
|---|---|
| Source | YouTube URL |
| Duration | 30s-2min recommended |
| Orientation | Landscape preferred |
Preview Video Structure
| Segment | Duration | Content |
|---|---|---|
| Hook | 0-3s | Show the core outcome/wow moment |
| Feature 1 | 3-10s | Demonstrate top feature in action |
| Feature 2 | 10-18s | Second key feature |
| Feature 3 | 18-25s | Third feature or social proof |
| CTA | 25-30s | End screen with app icon |
# Generate preview video scenes
belt app run google/veo-3-1-fast --input '{
"prompt": "smooth screen recording style, finger tapping on a modern mobile app interface, swiping between screens showing charts and data visualizations, clean UI transitions, professional app demo"
}'
Localization
Each language gets its own set of screenshots. Priorities:
| Market | Localization Level |
|---|---|
| Primary markets | Full: new screenshots + translated captions |
| Secondary markets | Translated captions, same screenshots |
| Other | English defaults |
Key localization markets: English, Japanese, Korean, Chinese (Simplified), German, French, Spanish, Portuguese (Brazilian)
A/B Testing (Google Play)
Google Play Console supports store listing experiments:
- Test different screenshot orders
- Test with/without device frames
- Test different captions
- Test different color schemes
- Run for 7+ days with 50%+ traffic for significant results
Common Mistakes
| Mistake | Problem | Fix |
|---|---|---|
| Settings screen as screenshot | Nobody cares about settings | Show core value, not infrastructure |
| Onboarding flow screenshots | Shows friction, not value | Show the app in-use state |
| Too much text | Unreadable in store | Max 2 lines, 30pt+ font |
| Wrong dimensions | Rejected by store | Use exact platform specs |
| All screenshots look the same | No reason to scroll | Vary composition and content |
| Feature-focused captions | Doesn't communicate benefit | "Never Miss a Deadline" > "Push Notifications" |
| Outdated UI | Looks abandoned | Update screenshots with each major release |
| No hero screenshot | Weak first impression | Position 1 = your best shot |
Checklist
- Correct dimensions for target platform
- First 3 screenshots communicate core value
- Captions are benefit-focused, max 2 lines
- No onboarding or settings screens
- Preview video is 15-30s with hook in first 3s
- Localized for top markets
- Feature graphic (1024x500) for Google Play
- Screenshots updated for current app version
- A/B test variant prepared
Related Skills
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering
Browse all apps: belt app list
FAQ
What does the app-store-screenshots skill do?
App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing
How do I install app-store-screenshots?
Run npx skills add https://github.com/its-a-skill-issue/superpowers --skill app-store-screenshots in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/app-store-screenshots/ (personal) or .claude/skills/app-store-screenshots/ (project).
Which AI agents can use app-store-screenshots?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is app-store-screenshots safe to install?
Security partners have reviewed it: Gen Agent Trust Hub passed; Socket passed; Snyk passed. As with any skill, read the SKILL.md and bundled scripts before installing.
Who maintains app-store-screenshots?
It is published by its-a-skill-issue in its-a-skill-issue/superpowers. It has 26,208 recorded installs.
More from its-a-skill-issue/superpowers
twitter-automation
its-a-skill-issue/superpowers
Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet
ai-avatar-video
its-a-skill-issue/superpowers
Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-in TTS). Also: OmniHuman, Fabric, PixVerse. Audio: Inworld TTS-2 (100+ languages, emotion steering for characters), ElevenLabs, Kokoro. Capabilities: audio-driven avatars, text-to-avatar, lipsync videos, talking head generation, virtual presenters, UGC content. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos, UGC ads, gaming avatars, NPC dialogue. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human, ugc, ugc video, ugc ad, avatar ugc
ai-image-generation
its-a-skill-issue/superpowers
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image
ai-video-generation
its-a-skill-issue/superpowers
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse
agent-browser
its-a-skill-issue/superpowers
Browser automation for AI agents via inference.sh. Navigate web pages, interact with elements using @e refs, take screenshots, record video. Capabilities: web scraping, form filling, clicking, typing, drag-drop, file upload, JavaScript execution. Use for: web automation, data extraction, testing, agent browsing, research. Triggers: browser, web automation, scrape, navigate, click, fill form, screenshot, browse web, playwright, headless browser, web agent, surf internet, record video
web-search
its-a-skill-issue/superpowers
Web search and content extraction with Tavily and Exa via inference.sh CLI. Apps: Tavily Search, Tavily Extract, Exa Search, Exa Answer, Exa Extract. Capabilities: AI-powered search, content extraction, direct answers, research. Use for: research, RAG pipelines, fact-checking, content aggregation, agents. Triggers: web search, tavily, exa, search api, content extraction, research, internet search, ai search, search assistant, web scraping, rag, perplexity alternative
Popular mobile skills
design-mobile-apps
designed-by-ai/skills
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
ios-design
uizze.sh
Design and review iOS UI/UX for iPhone apps in SwiftUI, UIKit, or React Native. Use for mobile app design, screen redesigns, navigation flows, typography, forms, keyboard and safe-area layout, and accessibility checks. Apply Apple Human Interface Guidelines and consult real product references through the optional Uizze connection.
vercel-react-native-skills
vercel-labs/agent-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
animate-expo
emilkowalski/skills
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use animate.
xcode-project-setup
firebase/agent-skills
Safely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g. Firebase, Alamofire).
firebase-remote-config-basics
firebase/agent-skills
Manages Firebase Remote Config templates, feature flags, loading strategies, and SDKs (Android, iOS). Use when downloading/deploying remoteconfig JSON templates, managing version history/feature flags, setting in-app defaults, fetchAndActivate(), real-time listeners, or SDK setup. Don't use for Firebase Hosting, Auth, Firestore, Data Connect, Crashlytics, or App Hosting.