# app-store-screenshots

Creates store listing screenshots, device mockups and preview-video scenes for Apple App Store and Google Play. Use it when preparing an app listing.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 55600 installs · ★ 12
- Author: 101-skills
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/101-skills/superpowers/tree/HEAD/guides/design/app-store-screenshots/SKILL.md
- Updated: 2026-08-31
- HTML: https://affpapa.org/en/nevibecode/skills/app-store-screenshots

## What it does

This skill guides the creation of Apple App Store and Google Play screenshots with platform dimensions, file formats and gallery order in mind. It covers framed device mockups, full-screen UI images, lifestyle scenes and feature callouts. Preview-video requirements are included too.

It generates scenes through `belt app run` using `falai/flux-dev-lora`, `bytedance/seedream-4-5`, `infsh/stitch-images` and `google/veo-3-1-fast`. The `inference.sh` CLI, called `belt`, is required, along with `belt login` authentication.

The skill gives special weight to the first 3 gallery images because 80% of Apple App Store impressions show them before scrolling. That makes the opening screens the place to verify the app's main value and strongest feature first.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add 101-skills/superpowers --skill app-store-screenshots -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/app-store-screenshots/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/app-store-screenshots/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add 101-skills/superpowers --skill app-store-screenshots -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/app-store-screenshots/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add 101-skills/superpowers --skill app-store-screenshots -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/app-store-screenshots/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install 101-skills/superpowers app-store-screenshots
```

2. **Manually: put the files in place**
- File: `.github/skills/app-store-screenshots/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add 101-skills/superpowers --skill app-store-screenshots -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/101-skills/superpowers --path guides/design/app-store-screenshots
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/app-store-screenshots/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add 101-skills/superpowers --skill app-store-screenshots -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/101-skills/superpowers/tree/HEAD/guides/design/app-store-screenshots/SKILL.md

## When to use it
- create Apple App Store screenshots
- fit Google Play images to listing requirements
- plan the order of an app screenshot gallery
- generate a device mockup with `belt app run`
- produce scenes for an app preview video

## Example prompts
- Create Apple App Store and Google Play screenshots for my app listing.
- Plan a screenshot gallery where the first 3 images show the main product value.
- Generate a device mockup scene with `belt app run` for this app screen.

## Similar
- [app-store-optimization](https://affpapa.org/en/nevibecode/skills/app-store-optimization.md) — skill · 867 installs
- [capacitor-app-store](https://affpapa.org/en/nevibecode/skills/capacitor-app-store.md) — skill · 1200 installs
- [app-store-featured](https://affpapa.org/en/nevibecode/skills/app-store-featured.md) — skill · 3300 installs
- [app-store](https://affpapa.org/en/nevibecode/skills/rshankras-app-store.md) — skill · 598 installs
- [app-store-aso](https://affpapa.org/en/nevibecode/skills/app-store-aso.md) — skill · 495 installs
- [app-preview-video](https://affpapa.org/en/nevibecode/skills/app-preview-video.md) — skill · 1900 installs

## Other versions with the same name
- [app-store-screenshots · parthjadhav](https://affpapa.org/en/nevibecode/skills/parthjadhav-app-store-screenshots.md) — 15000 installs

From the same set: [101-skills/superpowers](https://affpapa.org/en/nevibecode/by/101-skills/superpowers.md) — 24 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md