What problem does it solve?
This Skill removes the manual, error-prone process of composing, localizing, and exporting App Store screenshots by providing a reproducible Next.js generator that renders framed device images, applies marketing copy and style, and produces Apple-sized PNGs ready for upload.
Core Features & Use Cases
- Next.js generator scaffold that creates a single-page screenshot composer with localized copy and a preview grid.
- Uses framed device images (produced by ascelerate) and renders them as pixel-perfect device mockups without additional clipping or bezel adjustments.
- Client-side export with html-to-image and jszip to capture full-resolution PNGs, zip per-locale folders, and create App Store Connect compatible archives.
- Localization support and fallbacks so you can export multiple languages and gracefully degrade to a default locale when images are missing.
- Export tooling and best practices including the double-call capture trick, offscreen rendering rules, and required Apple export resolutions for iPhone and iPad.
- Use cases: marketing teams preparing App Store assets, designers generating multiple languages, and engineers automating screenshot exports for CI or manual review.
Quick Start
Copy your framed device screenshots into the project's public/framed folder, open the app-store-screenshots page in the browser, choose a locale, and click Export to download a zip of App Store–ready PNGs.
