A Windsurf Skill to Generate App Store Screenshots

Cascade helped you build the app. It read your code, wrote features, and fixed the rough edges. Then the launch checklist reminds you that store screenshots are still on it, a whole set of them, sized and captioned for every device.

That is repetitive, design-shaped work, which is a strange thing to do by hand when you have an agent sitting right there. So we wrote a Windsurf rule that lets Cascade handle it.

What Cascade does with it

Add one markdown rule, ask for screenshots, and Cascade will:

1. Scan your theme files for your brand colors and app name.
2. Ask which screens matter and collect your raw captures.
3. Write a short, selling caption for each screen rather than a plain label.
4. Compose each one on a device frame at the exact App Store and Play Store dimensions.
5. Upload the set and return a link to an editor where you can refine it.

One run gives you the full lineup: iPhone, iPad, and Android sizes, consistent design across all of them.

Install it as a Windsurf rule

Windsurf reads rules from the .windsurf/rules folder. From your project root, run:

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

Then ask Cascade:

"Generate app store screenshots for my app"

Cascade applies rules in that folder to work in your project, so it will follow the file the next time you ask. No setup beyond the one command.

The agent drafts, you decide

The link Cascade returns opens the project in the ScreenshotWhale editor. Every caption, color, position, and image is editable. The point is not to hand off control to the agent, it is to skip the blank canvas and start from a finished-looking set you can adjust.

Add localization into 10 languages when you want a global launch, then export each device size as a store-ready PNG for App Store Connect and Google Play Console.

See it before you commit

Every generated project comes with a public preview link, so you can look at the results without an account. A free account saves the project and lets you keep editing. Free exports carry a small watermark and include one feature graphic per day, enough to run the whole thing end to end.

Not just Windsurf

The rule is plain markdown, so the same file works in Claude Code, Codex, Cursor, and any agent that reads project instructions. Set it up once and it travels with you between tools.

Let Cascade finish the launch, not just the build. Add the rule, ask, and open your first screenshot set in minutes. screenshotwhale.com