App Store & Google Play Screenshots Generator is a skill for AI coding agents that scaffolds a production-ready Next.js editor for creating marketing screenshots across app stores.
The tool solves the problem of manually designing and exporting screenshots at the correct sizes and formats for App Store and Google Play distribution. It works by providing a connected canvas where designers can view an entire screenshot deck at once, position elements across screen boundaries, and then export each screen as a precise crop at store-ready dimensions. Raw app captures are transformed into ad-style slides with typography and decorative elements, with all project state saved to a git-trackable JSON file for resumability.
The editor supports iOS, iPad, Android phone, Android tablet, and Play Store feature graphic formats, with an inspector panel for editing layout, text, images, and transforms. It includes both connected-canvas mode for elements spanning multiple screens and isolated mode for legacy decks where offscreen content should not leak into neighboring exports. The tool exports exact PNG bundles organized by platform, device, resolution, and locale, and supports RTL-aware layouts and reusable themes. This approach suits teams building mobile apps who need to generate polished marketing materials without manual design work or external tools. The skill integrates with AI coding agents including Claude Code, Cursor, Windsurf, and others, guiding the agent through gathering app context, source screenshots, platforms, locales, and visual direction before generating the editor project.
The project maintains active development with regular updates to the editor interface and export functionality. The codebase is organized as a skill template that scaffolds complete Next.js projects with autosave to disk and localStorage, indicating ongoing refinement of the development workflow. The tool has been validated in production use, with example screenshots generated by it accepted for distribution on the App Store.
