App Store Screenshots

App Store Screenshots

Create app store screenshots and preview videos via inference.sh CLI.

Quick Start

> Requires inference.sh CLI (infsh). Get installation instructions: npx skills add inference-sh/skills@agent-tools

infsh login

# Generate a device mockup scene
infsh 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:

1. Communicate the core value proposition
2. Show the best feature/outcome
3. 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        |   "Push Notifications" |
| Outdated UI | Looks abandoned | Update screenshots with each major release |
| No hero screenshot | Weak first impression | Position 1 = your best shot |

## Important

AI-generated images (via inference.sh) produce **marketing mockups**, not real app screenshots. For actual screenshots of your running app, use [maestro-mobile-testing](https://github.com/JuanMarchetto/maestro-mobile-testing) or [playwright-recording](https://github.com/JuanMarchetto/playwright-recording-skill) to capture real screens, then use this skill for framing, captions, and store optimization.

## Example Output

App Store Screenshot Set Generated:

• hero-iphone15pro.png (1290x2796) — "Track Your Habits Effortlessly"
• feature-calendar.png (1290x2796) — "See Your Week at a Glance"
• social-proof.png (1290x2796) — "Join 50,000+ Users"
• ipad-pro.png (2048x2732) — "Beautiful on Every Screen"
• feature-graphic.png (1024x500) — Google Play feature graphic

## Error Handling

- **Wrong dimensions**: Check platform specs table above — App Store and Play Store have different requirements
- **Store rejection**: Common causes: transparency in JPEG (use PNG), text too small (30pt+ minimum), screenshots show non-final UI
- **AI mockup looks generic**: Add specific details to the prompt (your app's actual color scheme, specific screen content, real feature names)

## 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

```bash
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: infsh app list

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: JuanMarchetto
• Source: JuanMarchetto/agent-skills
• License: MIT
• Homepage: https://github.com/JuanMarchetto/agent-skills

Install and usage instructions live in the source repository linked above.