The Working Approach
App Store Screenshots scaffolds a prebuilt Next.js and ShadCN editor for store-listing marketing images. You supply real app captures, an icon, feature priorities, and a visual direction; the editor provides device frames, inline copy editing, layout choices, image overlays, and export controls. The output is marketing artwork, not a new app interface or an automatic capture of every platform's product screens.
Its connected canvas lets a device or decorative element extend across neighboring screenshots, while each exported crop still needs to communicate a complete idea. Project state lives in a JSON file alongside local assets, with a browser mirror for convenience. Separate device decks and localized labels support multiple store targets. Existing projects receive a preservation-focused migration path rather than silently adopting connected exports that could change previously clipped compositions.
Expected Deliverables
- A local screenshot-design editor with seeded app content
- A project JSON file suitable for version control, plus local screenshot assets
- PNG export bundles organized by device, dimensions, and locale
From Brief to Review
- 01Inspect Existing Work
Check for a previous screenshot project before scaffolding. If migration is desired, preserve the user's copy, decks, assets, and recoverable snapshots rather than replacing them with samples.
- 02Supply Real App Material
Gather device captures, icon, app name, priority features, target platforms, languages, and style direction. Capturing screenshots is a separate task where needed.
- 03Compose The Deck
Use the packaged editor to vary layouts and write one clear benefit per image. Plan any cross-screen object so important text and UI remain legible within each individual crop.
- 04Inspect The Exports
Check thumbnail readability, localized line breaks, asset loading, and exported crops. Export each selected device's bundle and verify current store requirements before submission.