Let your AI agent generate App Store screenshots as a native tool. Works with Claude Code, Cursor, Windsurf, and any MCP-compatible client.
The Model Context Protocol is an open standard that lets AI agents use external tools natively. Instead of the agent reading API docs and making HTTP calls manually, it discovers your tools automatically and calls them like built-in functions.
With the AppScreenshotStudio MCP server installed, you can say “generate App Store screenshots for my app” and your agent handles everything — project creation, design generation, and rendering.
Run this in your terminal:
claude mcp add appscreenshotstudio -- npx -y @appscreenshotstudio/mcp
Then set your API key as an environment variable. Add to your shell profile (.bashrc, .zshrc, etc.):
export APPSCREENSHOTSTUDIO_API_KEY="sk_live_your_key_here"
Add this to your MCP configuration file (.cursor/mcp.json, settings.json, etc.):
{
"mcpServers": {
"appscreenshotstudio": {
"command": "npx",
"args": ["-y", "@appscreenshotstudio/mcp"],
"env": {
"APPSCREENSHOTSTUDIO_API_KEY": "sk_live_your_key_here"
}
}
}
}The server exposes 6 tools that your agent discovers automatically.
Create a complete set of App Store screenshots. Combines project creation and design generation in one call. Returns a project URL where you upload device screenshots and export final PNGs.
| Parameter | Type | Description |
|---|---|---|
| app_name* | string | Name of the app |
| app_description* | string | What the app does (1-3 sentences) |
| features | string[] | Key features in order of importance (max 10) |
| brand_colors | object | { primary, secondary?, accent? } — hex colors |
| mood | string | "energetic", "calm", "minimal", "bold", "professional", "playful" |
| device_id | string | Target device (default: iphone-6.9) |
| count | number | Number of cards, 3-10 (default: 5) |
| story_flow | string | "auto", "standard", "problem-solution", "benefit-first", "hero-intro", etc. |
Example prompt
“Generate App Store screenshots for my todo app called TaskFlow. It helps people organize tasks with smart due dates. Brand color is #7C3AED. Make 5 cards.”
Make changes to an existing project using natural language. Use for follow-up refinements. Optionally target specific cards.
| Parameter | Type | Description |
|---|---|---|
| project_id* | string | From a previous generate call |
| message* | string | What to change |
| card_indices | number[] | Target specific cards by index (0-based). If omitted, all cards are editable. |
Example prompt
“Make the headlines bigger and add a star rating to card 1.”
Export a project to high-resolution PNGs. Returns download URLs for each card. Free — no credit cost.
| Parameter | Type | Description |
|---|---|---|
| project_id* | string | Project to render |
Example prompt
“Render the TaskFlow screenshots to PNGs.”
Retrieve a project's current state — cards, elements, backgrounds, device mockups, and metadata. Use to inspect what's been generated before making edits.
| Parameter | Type | Description |
|---|---|---|
| project_id* | string | Project ID to retrieve |
Example prompt
“Show me the current state of the TaskFlow project.”
Generate an AI background for a specific card. Uses project metadata (brand colors, mood, theme) for contextual results. The background is applied directly to the card.
| Parameter | Type | Description |
|---|---|---|
| project_id* | string | Project containing the card |
| card_index* | number | Which card to apply the background to (0-based) |
| prompt* | string | Description of the background you want |
Example prompt
“Generate a dark gradient background with purple accents for card 0.”
Show all supported device specs. No API call or credits needed.
Example prompt
“What devices does AppScreenshotStudio support?”
Generate
Tell your agent about your app. It calls generate-screenshots and creates a full set of screenshot designs with headlines, backgrounds, and device mockups.
Iterate
Ask for changes. The agent calls edit-screenshots to refine colors, headlines, layout, or story flow.
Upload
Open the project URL in your browser and upload your actual app screenshots into the device mockups.
Export
The agent calls render-screenshots to export final PNGs, or click “Download All” in the web app.
Pass any of these as device_id when generating screenshots.
| Device ID | Name | Size | Store |
|---|---|---|---|
| iphone-6.9 | iPhone 16 Pro Max | 1260 × 2736 | Required |
| ipad-13 | iPad Pro 13" | 2064 × 2752 | Required |
| android-phone | Android Phone | 1080 × 2340 | Required |
| android-tablet-10 | Android Tablet 10" | 2560 × 1600 | Required |