Which integrations are available for this server?

Generates store-ready screenshots for iOS App Store listings, including device frames, typography, and branded overlays. Generates store-ready screenshots for Google Play listings, including device frames, typography, and branded overlays.

How do I use app-store-screenshots-mcp?

1. Click on "Deploy Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@app-store-screenshots-mcp generate screenshots for my coffee tracker app" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

app-store-screenshots-mcp

by kapillamba4

Overview Schema Source Related Servers Discussions Admin

TypeScript

Local

app-store-screenshots-mcp

MCP server that turns raw in-app screenshots into beautiful, store-ready marketing images for the iOS App Store and Google Play.

Creative split (same session)

Who	Does what
Host AI agent (you)	In this session: write titles/subtitles, generate backgrounds, generate clipart, choose layouts & alignment, pick brand colors
This MCP server	Device frames, composite layers, typography render, exact pixel export

The server does not invent marketing art. Call get_session_design_guide first, generate assets with your image tools, then compose.

Related MCP server: storeshots-mcp

Features

Session design guide — prompts + plan for backgrounds, clipart, copy, alignment
AI clipart overlays — transparent PNGs with position/rotate/opacity
AI-directed layout — presets + custom with devicePlacement / captionStyle
iPhone mockup + CSS Android frame
Exact App Store / Play sizes, opaque PNG, batch + manifest.json

Install

npm install
npx playwright install chromium
npm run build

Grok (`~/.grok/config.toml`)

[mcp_servers.app-store-screenshots]
command = "node"
args = ["/absolute/path/to/app-store-screenshots-mcp/dist/index.js"]
startup_timeout_sec = 60
tool_timeout_sec = 300

Tools

Tool	Purpose
`get_session_design_guide`	Start here — per-slide AI prompts, copy rules, layout plan
`list_export_sizes`	Size ids and dimensions
`list_layouts`	Layout templates including `custom`
`generate_screenshot`	Compose one slide
`generate_screenshot_set`	Compose 1–10 slides + manifest

Same-session agent workflow

Guide — get_session_design_guide({ appName, features, styleDirection, brandColors, platform })
Copy — write headline + optional subheadline per slide (from guide rules)
Backgrounds — image-gen one portrait BG per slide (guide promptTemplate; no text/phone/UI)
Clipart — image-gen transparent decorative PNGs; place with clipart[]
Alignment — pick layout or custom + devicePlacement / captionStyle
Compose — generate_screenshot_set with absolute paths
Ship — deliver numbered PNGs to the user

Example compose payload

{
  "platform": "ios",
  "sizes": ["ios-6.9"],
  "outputDir": "/tmp/store-shots",
  "brand": {
    "textColor": "#FFFFFF",
    "accentColor": "#A5B4FC",
    "fontFamily": "Inter, system-ui, sans-serif"
  },
  "slides": [
    {
      "appScreenshot": "/path/to/home.png",
      "backgroundImage": "/path/to/session/bg-01.png",
      "headline": "Track every\ncoffee you buy",
      "subheadline": "A home for every bag",
      "label": "Brew Log",
      "layout": "hero",
      "captionStyle": { "align": "center", "textShadow": true },
      "clipart": [
        {
          "path": "/path/to/session/clipart-01.png",
          "xPercent": 70,
          "yPercent": 16,
          "widthPercent": 24,
          "rotateDeg": -10,
          "opacity": 0.95
        }
      ]
    },
    {
      "appScreenshot": "/path/to/detail.png",
      "backgroundImage": "/path/to/session/bg-02.png",
      "headline": "Never waste\na great bag",
      "layout": "custom",
      "devicePlacement": {
        "widthPercent": 80,
        "leftPercent": 15,
        "bottomPercent": -8,
        "rotateDeg": 3
      },
      "captionStyle": {
        "position": "top",
        "align": "left",
        "offsetTopPercent": 6,
        "offsetXPercent": 8,
        "textShadow": true
      }
    }
  ]
}

Export sizes

Id	Platform	Pixels
`ios-6.9` (primary)	iOS	1320×2868
`ios-6.5`	iOS	1284×2778
`ios-6.3`	iOS	1206×2622
`ios-6.1`	iOS	1125×2436
`play-phone` (primary)	Android	1080×1920
`play-phone-tall`	Android	1080×2340

Development

npm test
npm run build

License

MIT

Available Tools

5 tools

generate_screenshotA

Compose one store screenshot from user app UI + YOUR in-session AI assets (background, clipart, titles, alignment). Writes opaque PNGs at store sizes.

Inputs: headline (required), platform (required), outputDir (required), appScreenshot (required), +15 more.

generate_screenshot_setB

Compose a full ordered set (1–10). Each slide should include AI-written copy, AI background path, optional AI clipart, and AI-chosen layout/alignment. Writes numbered PNGs + manifest.json.

Inputs: slides (required), platform (required), outputDir (required), brand, +2 more.

get_session_design_guideA

START HERE. Returns a same-session plan: per-slide layout suggestions, AI background prompts, clipart prompts, copy rules, and alignment guidance. Call this before generating any images or composing screenshots.

Inputs: appName (required), features (required), styleDirection (required), hasIpad, +3 more.

list_export_sizesA

List supported App Store and Play Store screenshot export sizes (ids, labels, dimensions).

Inputs: no named parameters.

list_layoutsA

List layout templates including custom (AI-directed). Prefer get_session_design_guide for a full creative plan.

Inputs: no named parameters.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

Loading tool schema changelog…

Deploy Server

One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

TDQS

A4.1/5.0

Scored 2026-07-11 13:35 across 5 tools

Disambiguation5/5

Each tool has a distinct purpose: generating single or multiple screenshots, retrieving a design guide, listing export sizes, and listing layout templates. No overlapping functionality, making selection unambiguous.

Naming Consistency5/5

All tool names follow a consistent verb_noun pattern using snake_case (e.g., generate_screenshot, get_session_design_guide). The naming is predictable and uniform across the set.

Tool Count5/5

With 5 tools, the set is appropriately scoped for the domain of generating app store screenshots. Each tool fills a necessary role without redundancy or deficiency.

Completeness5/5

The tool set covers the full workflow: planning via design guide, configuration via export sizes and layouts, and execution via single or batch screenshot generation. No obvious gaps for the intended purpose.

Resources

Related MCP Connectors

Shots
run.shots
Create App Store screenshots, icons, ASO copy, localization, and revisions via hosted MCP.
Marketing Design Tools
23
https://shots.run/api/mcp
AppScreenDesign 3D Screenshot Studio
com.appscreendesign
3D App Store & Google Play screenshot studio with 280+ templates and 50 locales via Remote MCP.
Design Tools Image & Video Processing Marketing
1
https://appscreendesign.com/mcp
ShotlingoA
com.shotlingo
App Store and Google Play screenshot generator: design, localize into 41 languages, render, upload.
Image & Video Processing Language Translation Marketing
481
https://mcp.shotlingo.com/mcp
Screenies
app.screenies
Generate designed, localized App Store screenshot sets from your raw app captures.
Image & Video Processing Design Tools Marketing
1
https://screenies.app/mcp

Related MCP Servers

ShipKit
Developer Tools App Automation CI/CD & DevOps
marumemomo
A
license
Not graded
quality
D
maintenance
MCP server for shipping iOS apps, enabling screenshots of simulators, managing App Store Connect metadata, and submitting apps for review.
Updated 7 months ago (2026-04-08 14:52 UTC)
19 npm
MIT
storeshots-mcp
Marketing
mtbun
A
license
A
quality
B
maintenance
An MCP server that turns raw app screenshots into polished, pixel-perfect store listing visuals with device frames, benefit-driven headlines, brand colors, and exact store dimensions for iOS and Android.
Updated a month ago (2026-10-12 05:13 UTC)
6
316 npm
27
MIT
appshots-mcp
Design Tools Search
itsOwen
A
license
Not graded
quality
D
maintenance
Unofficial MCP server for appshots.design that enables AI assistants to search and view real app screenshots for grounded design research.
Updated 2 months ago (2026-09-27 15:16 UTC)
25 npm
2
MIT
AppMarquee
Marketing Image & Video Processing
furkangonel
A
license
Not graded
quality
D
maintenance
A local-first MCP server for creating and managing App Store and Google Play screenshot decks, letting agents upload, review, localize, and export store-ready images without accessing source code.
Updated 3 months ago (2026-08-02 18:33 UTC)
MIT

app-store-screenshots-mcp

Creative split (same session)

Features

Install

Grok (~/.grok/config.toml)

Tools

Same-session agent workflow

Example compose payload

Export sizes

Development

License

Available Tools

Tool Schema Changelog

TDQS

Resources

Related MCP Connectors

Related MCP Servers

ShipKit

storeshots-mcp

appshots-mcp

AppMarquee

Grok (`~/.grok/config.toml`)