Menu
Plan compelling App Store screenshot sequences that showcase your app's value. Use when preparing App Store assets, improving screenshot conversion, or drafting screenshot captions for a launch or major update.
Basé sur la classification professionnelle SOC
Comprehensive iOS development guidance including Swift best practices, SwiftUI patterns, UI/UX review against HIG, and app planning. Use for iOS code review, best practices, accessibility audits, or planning new iOS apps.
Build, install, and launch an iOS app on a physical iPhone or iPad entirely from the command line (no Xcode GUI), using xcodebuild + devicectl. Use when the user wants to run, test, or screenshot their app on a real device without opening Xcode.
Build, install, launch, and screenshot an iOS app in the Simulator to verify a change visually. Use when the user wants to run the app, see a change live, screenshot the running app, or confirm a UI fix actually works (not just that it compiles).
Guides you through comprehensive iOS/Swift app planning and analysis. Use for new apps (concept to architecture) or existing apps (audit current state, plan improvements, evaluate tech stack). Covers product planning, technical decisions, UI/UX design, and distribution strategy.
Generates technical architecture specification from PRD. Covers architecture pattern, tech stack, data models, and app structure. Use when creating ARCHITECTURE.md or designing system architecture.
Generates detailed implementation guide with pseudo-code and step-by-step development instructions. Creates IMPLEMENTATION_GUIDE.md from PRD, Architecture, and UX specs. Use when creating development roadmap.
| name | screenshot-planner |
| description | Plan compelling App Store screenshot sequences that showcase your app's value. Use when preparing App Store assets, improving screenshot conversion, or drafting screenshot captions for a launch or major update. |
| allowed-tools | ["Read","Write","Edit","Glob","Grep","AskUserQuestion"] |
Plan compelling App Store screenshot sequences that showcase your app's value.
Before planning, ask about:
App Type
Key Selling Points
Target Audience
Competitors
Most users only see the first 2-3 screenshots. Order matters!
| Position | Purpose | Content |
|---|---|---|
| 1 | Hero Shot | Value proposition + best visual |
| 2 | Core Feature | Primary use case in action |
| 3 | Key Differentiator | What makes you unique |
| 4 | Secondary Feature | Another compelling feature |
| 5 | Social Proof/CTA | Reviews, awards, or final push |
| Position | Purpose |
|---|---|
| 6 | Additional feature |
| 7 | Customization/settings |
| 8 | Integration/ecosystem |
| 9 | Before/after or workflow |
| 10 | Final CTA with app icon |
[Action Verb] + [Benefit] + [Optional Detail]
Productivity:
Health & Fitness:
Photo & Video:
Finance:
✅ Do:
❌ Don't:
| Approach | When to Use |
|---|---|
| With frames | When device context matters, lifestyle apps |
| Without frames | Maximizing screen real estate, content apps |
| 3D angles | Standing out, premium feel |
| Flat/straight | Clean, professional, enterprise |
SCREENSHOT 1: HERO
━━━━━━━━━━━━━━━━━━
Caption: [Value proposition - max 6 words]
Visual: [Key screen showing main feature]
Background: [Color/gradient that pops]
Notes: [This is first impression - make it count]
SCREENSHOT 2: CORE FEATURE
━━━━━━━━━━━━━━━━━━━━━━━━━━
Caption: [What can user do?]
Visual: [App in action, primary workflow]
Background: [Consistent with #1]
Notes: [Show the "aha" moment]
SCREENSHOT 3: DIFFERENTIATOR
━━━━━━━━━━━━━━━━━━━━━━━━━━━
Caption: [What makes you unique?]
Visual: [Feature competitors don't have]
Background: [Can vary slightly]
Notes: [Answer "why this app?"]
SCREENSHOT 4: SECONDARY FEATURE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Caption: [Another key benefit]
Visual: [Compelling secondary feature]
Background: [Consistent theme]
Notes: [Add depth to value proposition]
SCREENSHOT 5: TRUST/CTA
━━━━━━━━━━━━━━━━━━━━━━
Caption: [Social proof or call to action]
Visual: [Reviews, stats, or final screen]
Background: [Strong finish]
Notes: [Close the deal]
| Size | Device | Dimensions |
|---|---|---|
| 6.7" | iPhone 15 Pro Max | 1290 × 2796 |
| 6.5" | iPhone 11 Pro Max | 1284 × 2778 |
| 5.5" | iPhone 8 Plus | 1242 × 2208 |
| Size | Device | Dimensions |
|---|---|---|
| 12.9" | iPad Pro | 2048 × 2732 |
| Display | Dimensions |
|---|---|
| Standard | 1280 × 800 (min) |
| Retina | 2880 × 1800 |
0:00-0:03 Hook - Most impressive moment
0:03-0:10 Core workflow demonstration
0:10-0:20 Key features montage
0:20-0:30 Final CTA with value prop
Before finalizing, check competitors: