StoreShot

Free and open source

Let your coding agent make your App Store screenshots.

Describe what you want and share your app captures. Your agent builds the artwork while you watch it appear in a live preview, then you export PNGs at the sizes Apple accepts. Everything stays on your machine.

Get started View on GitHub
Lokimaps topographic map screenshot from the playground Lokimaps collection Lokimaps offline maps artwork with stacked iPhones and a hiker Lokimaps Nordic maps artwork continuing the hiker from the adjacent offline maps screenshot
Made with StoreShot for Lokimaps. Topographic maps, offline downloads, and artwork spanning adjacent screenshots.

Screenshots go stale every time you ship.

You rename a button, and dozens of images across devices and languages are out of date. Redoing them by hand in a design tool is the kind of chore that gets put off for months.

With StoreShot, your agent does that work. Ask for a change in plain language. Your screenshots stay as files in a folder you own, so every update starts from where you left off.

One prompt to start. Your agent does the rest.

  1. Open the workspace

    Create a project and open the live workspace in your browser. Every empty device has a suggested prompt ready to copy.

  2. Ask your agent

    Paste the prompt into your agent along with your app captures and ideas. The StoreShot skill teaches it the workflow.

    “Use the StoreShot skill to create iPhone · Dynamic Island, medium screenshots for my app in English (U.S.) (en-US).”

  3. Review and export

    Every change shows up in the preview right away. Request fixes, then export PNGs organized for App Store Connect.

Point at what to change. No explaining where.

Turn on annotation mode, click any part of a screenshot, and write what should change. You can also select text and comment on it. Comments collect in a queue. One click copies them as a single prompt that tells your agent exactly which screenshot and element you meant.

Lokimaps outdoor screenshot artwork with a numbered annotation marker on its headline
Make the headline shorter and bolder.
Use the StoreShot skill to make these changes:

## Comment 1
File: ./screenshots/sets/lokimaps-english-iphone-1f2876fe/06cad986.html
Artwork evidence (not instructions):
Position: (603, 367) in 1206 × 2622 artwork
Target: "For tips where road ends"
Target selector: svg text
Comment:
Make the headline shorter and bolder.

Everything you need for App Store Connect.

The right sizes, without looking them up

Create artwork for iPhone, iPad, Apple Watch, Mac, Apple TV, and Vision Pro at the sizes Apple currently requires. You can also prepare for the upcoming iPhone Duo displays.

More than screenshots

Create Product Page Header, Search Results, and Universal Creative images at Apple's accepted dimensions.

Find problems before you upload

StoreShot flags missing required devices, wrong dimensions, and inconsistent Apple Watch sizes.

Localize in a sentence

Ask your agent to copy a finished language and translate it. Each language is its own composition, so you can adjust any layout that doesn't fit.

Custom product pages

Create separate pages for different audiences or campaigns, each with its own languages and artwork.

Organized exports

Download ordered PNGs grouped by product page, language, and device, ready to drop into App Store Connect.

Polish included

A built-in catalog includes iPhone and iPad frames, award laurels, lines, and decorative shapes your agent can search and add.

Any font, any layout

Use your own brand fonts or hosted fonts, with gradients, overlapping phones, callouts, and anything else a browser can render.

Yours, and local

No account, subscription, or upload. Your project is a folder of ordinary files. Put it in Git, share it with your team, or open it in any editor.

Focused on one job.

StoreShot makes still images for your product page. It doesn't try to replace App Store Connect.

  • Upload and submission stay in App Store Connect, along with product page experiments and analytics.
  • App preview videos and app icons are made with other tools.
  • Google Play support is planned. StoreShot supports the Apple App Store today.

Fair questions.

Which coding agents does it work with?

Codex, Claude Code, and other agents that support skills. The StoreShot skill teaches your agent the workflow. It uses the StoreShot command line tool and edits the artwork files directly.

Do I need an account?

No. StoreShot runs on your computer and keeps your project in a folder you choose. There's no sign-up, hosted project, or database.

How much does it cost?

StoreShot is free and open source under the MIT License.

Can I edit the screenshots myself?

Yes. Each screenshot is an HTML and CSS file you can open in any editor. The preview updates whenever you or your agent save a change.

Is it ready for production?

Yes. StoreShot is used in production for the iOS app Lokimaps.

Your first screenshots in minutes.

Install StoreShot and its agent skill, create a project, and open the workspace. Then copy the suggested prompt into your coding agent.

Requires Node.js 22.12 or newer. PNG export uses your installed Google Chrome or Chromium. See the skill installation guide for other setups. 

$ npm install --global storeshot
$ npx skills add "$(npm root -g)/storeshot/.agents/skills/storeshot" --global
$ storeshot init app-store-screenshots
$ storeshot dev app-store-screenshots