App Store & Play Store Screenshots

A Claude Code skill that generates high-converting screenshots for both Google Play Store (Android) and Apple App Store (iOS). It analyzes your app's codebase, identifies core benefits, and creates professional screenshot images using AI.

The skill auto-detects your platform from the project structure and runs the appropriate workflow.

What It Does

1. Platform Detection — Detects Android, iOS, or cross-platform (React Native / Flutter) from your codebase
2. Benefit Discovery — Analyzes your app to identify the 3–5 core benefits that drive downloads
3. Screenshot Pairing — Reviews your device screenshots, rates them, and pairs each with the best benefit
4. Generation — Creates polished screenshots using a two-stage process: deterministic scaffolding + AI enhancement (Nano Banana Pro via Gemini MCP)
5. Device Variants — Android: foldable cover/inner screens. iOS: iPad, iPhone SE, multiple size slots
6. Showcase — Generates a side-by-side preview image of the full set

Installation

1. Add the skill to Claude Code

claude install-skill github.com/agnihotripushkar/claude-skill-aso-playstore-screenshots

2. Install Python dependencies

pip install Pillow

3. Font setup

Android uses Google Sans Bold (falls back to Roboto Black → Helvetica):

• Download from Google Fonts and copy to /Library/Fonts/

iOS uses SF Pro Display Black (falls back to Helvetica):

• Download from Apple's developer fonts page and copy to /Library/Fonts/SF-Pro-Display-Black.otf

4. Generate device frame assets

Run once to create the device frame PNG templates you need:

# Android
python3 generate_frame.py --type phone
python3 generate_frame.py --type foldable_cover   # optional
python3 generate_frame.py --type foldable_inner   # optional

# iOS
python3 generate_frame.py --type iphone           # iPhone with Dynamic Island
python3 generate_frame.py --type ipad             # iPad Pro (if targeting iPad)
python3 generate_frame.py --type iphone_se        # iPhone SE with home button (optional)