StoreShots — Claude Code MCP server: App Store screenshots
Renders raw app screenshots into store-ready marketing images for App Store and Google Play. Rendering runs on the service, so nothing is installed locally.
claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcpWhat StoreShots does
This is a small stdio server that proxies to the hosted StoreShots API. Your agent gets one to five screenshots, either local files or URLs, plus headlines, and the set comes back as PNGs or a ZIP saved into the project. No Chrome, no Puppeteer, no design app on your machine, because the image is assembled remotely.
Two discovery tools, list_styles and list_devices, spell out the available looks and device frames so you do not have to guess. The actual render is generate_screenshots, which takes style, device, target sizes, captions, app name and colour overrides; it hands back a jobId. Then get_output pulls the files into output_dir. Credits and remaining free sets are visible through get_balance, and buy_credits returns a Stripe payment link you open in a browser.
You need Node.js 18.17 or newer and a free ss_... key, shown only once at signup, so copy it right away. Missing STORESHOTS_API_KEY stops the server cold. Uploads travel over HTTPS and are deleted after 24 hours, and so are the outputs; download them before the window closes or get_output comes back empty.
What it helps with
- turn raw app captures into App Store marketing screenshots
- get every required store size from a single call
- try an iPhone, iPad or Android frame on an existing screen
- attach headlines and captions to each slide
- drop a finished ZIP or PNG set into the project folder
Example prompts for the agent
- List the available styles and device frames.
- Generate a set for
ios-6.9andandroid-phoneand download the PNGs to./store-assets.
How to install StoreShots
Platform CLI
claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcpReplace <…> with your own values
Platform CLI
codex mcp add storeshots --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> -- npx -y storeshots-api-mcpReplace <…> with your own values
Config file
{
"mcpServers": {
"storeshots": {
"command": "npx",
"args": [
"-y",
"storeshots-api-mcp"
],
"env": {
"STORESHOTS_API_KEY": "<STORESHOTS_API_KEY>",
"STORESHOTS_API_URL": "<STORESHOTS_API_URL>",
"STORESHOTS_OUTPUT_DIR": "<STORESHOTS_OUTPUT_DIR>"
}
}
}
}Replace <…> with your own values
Config file
{
"servers": {
"storeshots": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"storeshots-api-mcp"
],
"env": {
"STORESHOTS_API_KEY": "<STORESHOTS_API_KEY>",
"STORESHOTS_API_URL": "<STORESHOTS_API_URL>",
"STORESHOTS_OUTPUT_DIR": "<STORESHOTS_OUTPUT_DIR>"
}
}
}
}Replace <…> with your own values
Platform CLI
gemini mcp add -e STORESHOTS_API_KEY=<STORESHOTS_API_KEY> -e STORESHOTS_API_URL=<STORESHOTS_API_URL> -e STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> storeshots npx -y storeshots-api-mcpReplace <…> with your own values
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about StoreShots
How do I install StoreShots in Claude Code?
Run claude mcp add storeshots -e STORESHOTS_API_KEY=<STORESHOTS_API_KEY> -- npx -y storeshots-api-mcp. For the full version with API URL and output folder: `claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcp`.
What does StoreShots do?
It takes up to five app screenshots and renders marketing images for App Store and Google Play at the sizes those stores require. The result lands in your project as PNGs or a ZIP.
What do I need to run it, and what does it cost?
A STORESHOTS_API_KEY and Node.js 18.17 or newer. The free tier gives 3 sets a month with a watermark, Starter is 10 sets for $3, Pro is 20 sets for $5, both without the watermark.
