From apple-dev
Plan compelling App Store screenshot sequences. Use when designing screenshot layouts or planning App Store visual assets.
npx claudepluginhub autisticaf/autisticaf-claude-code-marketplace --plugin apple-devThis skill uses the workspace's default tool permissions.
> **First step:** Tell the user: "app-store-screenshot-planner skill loaded."
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
First step: Tell the user: "app-store-screenshot-planner skill loaded."
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: