ParthJadhav/app-store-screenshots
end to end app store screenshot creation using AI
What it solves
It automates the creation of professional, store-ready marketing screenshots for the Apple App Store and Google Play Store. Instead of manually designing each slide in a graphic design tool, it provides a specialized editor that handles device frames, precise store resolutions, and multi-platform exports.
How it works
This project is a "skill" for AI coding agents (like Claude Code or Cursor). When invoked, the agent scaffolds a full Next.js application that serves as a dedicated screenshot editor. This editor features a connected canvas where users can drag elements across screen boundaries, an inspector for editing copy and layouts, and a system that saves the project state to a JSON file for version control. Once the design is complete, the tool exports a ZIP bundle of PNGs scaled to the exact resolutions required by both Apple and Google.
Who it’s for
App developers and designers who need to generate high-quality marketing assets for multiple devices and locales without manually resizing images for every single store requirement.
Highlights
- Connected Canvas: Design a continuous strip of screenshots where elements can span across multiple slides.
- Multi-Platform Support: Generates assets for iPhone, iPad, Android phones, Android tablets, and Play Store feature graphics.
- Store-Ready Exports: One-click export of PNG bundles at the exact resolutions required by the App Store and Google Play.
- Agent-Driven Setup: Designed to be installed and configured via AI coding agents using the
skillsframework. - Localization Support: Built-in handling for different locales and RTL-aware layouts.
Related
- Project
- Project
- Project
- Project