# App Store Screenshots

> An open-source skill for AI coding agents that scaffolds a Next.js editor to design and export App Store and Google Play screenshots.

App Store Screenshots is a free, MIT-licensed skill by Parth Jadhav for AI coding agents such as Claude Code, Codex, Cursor, Windsurf and OpenCode. Once installed, you ask your agent to build screenshots for your app, and it scaffolds a Next.js editor project where you refine the deck and export store-ready PNG bundles.

## What It Is

The skill turns raw app captures into ad-style marketing slides. Rather than producing a static one-off page, the agent asks about your app, source screenshots, platforms, locales, visual direction and slide count, then generates a full editor with real device frames. Decks are saved to `app-store-screenshots.json`, so projects are git-trackable and resumable.

## How the Editor Works

The editor uses a connected canvas, so phones, captions and decorative elements can span adjacent screens, with an isolated mode for legacy decks. A screen sidebar handles reordering, and an inspector edits layout, headlines, screenshots and transforms, with a Copy ideas menu for headline formulas. Style Lab compares complete looks side by side, Scene Playground restyles backdrops and decorations across all screens, and a Magnifier adds zoomed detail loupes. Autosave writes to disk and localStorage.

## Devices, Sizes and Styles

Supported decks include iPhone, iPhone Duo, iPad, Apple TV, Apple Watch, CarPlay, Mac, Android phone, Android tablet and the Play Store feature graphic. It also builds App Store creative assets for the product page header and search results. The export bundle is a zip organized by platform, device, resolution and locale. The skill ships 18 named visual styles with specs and a headline copy library, and supports multiple locales including RTL-aware layouts.

## Setup Path

Install with `npx skills add ParthJadhav/app-store-screenshots`, or clone manually into a skills folder. The README lists Node.js 20.9+ and one of bun, pnpm, yarn or npm.

## Features
- Scaffolds a full Next.js screenshot editor via an AI agent skill
- Connected canvas with elements spanning adjacent screens
- Isolated export mode for legacy decks
- Real Apple device frames and CSS-rendered Android frames
- Style Lab for comparing complete looks
- Scene Playground for backdrops, decorations and headline styling
- Magnifier loupes for zooming on UI details
- 18 named visual styles and a headline copy library
- Locale and RTL-aware copy and layout support
- Autosave to app-store-screenshots.json
- Export zip bundles of exact-size PNGs for App Store, Mac App Store and Google Play
- App Store creative assets for product page header and search results

## Integrations
Claude Code, Codex, Cursor, Windsurf, OpenCode, Next.js, App Store Connect, Google Play

## Platforms
WINDOWS, MACOS, LINUX, ANDROID, IOS, WEB, API, CLI

## Pricing
Open Source

## Links
- Website: https://www.parthjadhav.com/products/app-store-screenshots
- Documentation: https://github.com/ParthJadhav/app-store-screenshots#readme
- Repository: https://github.com/ParthJadhav/app-store-screenshots
- EveryDev.ai: https://www.everydev.ai/tools/app-store-screenshots