Developer Tools5 min read

A Cursor Skill to Generate App Store Screenshots

Add one rule file to Cursor and it generates a full set of App Store and Play Store screenshots from your app, then hands you an editor to tweak them. No design tools, no leaving your project.

By ScreenshotWhale Team

You built an app in Cursor. The features work, the bugs are gone, and you are ready to submit. Then the store listing asks for screenshots. Not one or two, but a set for every device size, each with a headline, the right colors, and a device frame. Suddenly you are back in Figma at midnight.

Cursor is good at reading your project and doing tedious work for you. Store screenshots are exactly that kind of work. So we made a rule file that teaches Cursor how to build them.

What the skill does

Drop one markdown file into your Cursor rules and ask for screenshots. The agent then:

  1. Reads your theme and config files to pick up your app name and brand colors.
  2. Asks which screens you want to feature and takes your raw screenshots.
  3. Writes short, benefit-led captions for each one instead of flat labels like "Home" or "Settings".
  4. Lays everything out on device mockups at the correct sizes for the App Store and Google Play.
  5. Uploads the set and gives you a link that opens the project in an editor.

You end up with a complete project covering the iPhone, iPad, and Android sizes the stores require, all in one pass.

Install it as a Cursor rule

Cursor reads project rules from the .cursor/rules folder. Run this in your project root:

mkdir -p .cursor/rules && curl -o .cursor/rules/generate-screenshots.mdc https://screenshotwhale.com/skills/generate-screenshots.md

Then just tell Cursor:

"Generate app store screenshots for my app"

If Cursor does not apply the rule automatically, mention @generate-screenshots in your prompt and it will pull the file in. Prefer one source of truth across tools? The skill is plain markdown, so you can paste it into an AGENTS.md at your project root and Cursor reads it from there too.

You keep full control

The link the skill hands back opens the whole set in the ScreenshotWhale editor. You can rewrite any caption, change colors, move the device, or swap an image. The agent gives you a strong first draft, and the editor lets you finish it exactly how you want.

When you are happy, add localization into 10 languages and export every size as store-ready PNGs, sorted by device, ready to drop into App Store Connect and Google Play Console.

Try it before you sign up

The skill creates a public preview link, so you can open your screenshots and judge them without an account. If you like what you see, a free account saves the project so you can keep editing. Free accounts export with a small watermark and include one feature graphic a day, which is plenty to try the whole flow.

Works with your other agents too

The same markdown file works in Claude Code, Codex, Windsurf, and any agent that reads project instructions. Learn it once in Cursor and reuse it everywhere. No API keys, no dependencies, nothing to configure.

Ship the screenshots the same day you ship the app. Install the rule, ask Cursor, and open your first set in minutes. screenshotwhale.com

#Cursor#Cursor Rules#AI Agents#App Store Screenshots#Developer Tools#Automation#Indie Development

Install the skill, then ask your agent for screenshots

One command in your project root. No account, no API key — you get a preview link and only sign up if you want to keep the project.

mkdir -p .cursor/rules && curl -o .cursor/rules/generate-screenshots.mdc https://screenshotwhale.com/skills/generate-screenshots.md

Not in an IDE right now? Use the web generator instead