app-store-screenshots
Installation
Summary
Programmatic iOS App Store screenshot generator with Next.js, html-to-image export, and multi-locale theme support.
- Renders advertisement-focused screenshots (not UI documentation) at Apple's required resolutions (1320×2868 for iPhone, 2064×2752 for iPad) with built-in phone and iPad mockup components
- Supports theme presets, multi-language locales with RTL handling, and device toggling; all screenshots share a single
page.tsxfile with no routing overhead - Includes structured copy framework (one idea per slide, 3–5 words per line) and narrative arc templates to guide slide sequencing and messaging
- Exports via
html-to-imagewith double-call trick for clean font rendering; bulk export helpers for all locale/theme/device combinations with auto-numbered filenames
SKILL.md
App Store & Google Play Screenshots Generator
Overview
Scaffold a pre-built Next.js + ShadCN editor that lets the user design and export App Store and Google Play screenshots as advertisements (not UI showcases). The editor handles all the heavy lifting:
- Live preview at the canvas's true resolution (scaled to fit)
- Drag-to-reorder slides, inline text editing, layout switcher per slide
- Drop-target screenshot picker (file → saved to
public/screenshots/uploaded/<hash>.png) - Auto-save to
app-store-screenshots.jsonat the project root (git-trackable) +localStoragemirror - Easy iOS ↔ Android platform switch — separate slide decks live side by side
- One-click bulk PNG export at every Apple/Google-required resolution via
html-to-image - Light/dark variant toggle per slide, theme presets, locale select