App Store Screenshot MCP Server
Let Claude Code, Codex or Gemini CLI design your app-store screenshots. Your agent creates editable projects, reviews them in the browser and hands you the link to export.
https://appscreenshots.net/api/mcpOne command to add. Included in free and paid plans.
What is MCP?
What Is an App Store Screenshot MCP Server?
AppScreenshots runs a hosted MCP (Model Context Protocol) server at https://appscreenshots.net/api/mcp that lets AI tools such as Claude Code, Codex and Gemini CLI create, edit and review app-store screenshot projects in your account — with OAuth browser sign-in and no API key.
Your agent supplies the design and the copy. The MCP server saves real, editable projects: templates, device mockups, headlines and backgrounds become a project you can keep refining frame by frame.
Preview and export stay in the website editor, so nothing ships without your eyes on it first.
Compose marketing screenshots, don't just capture screens
This server composes
It builds store-ready marketing screenshots — device mockups, headlines, gradients and localized copy — as editable projects from your authorized templates and assets.
Capture tools do a different job
Tools like simctl or fastlane snapshot photograph what is already on a device screen. Use them for raw captures, then upload those images here as assets.
Get started
Connect Your AI Tool in One Command
Add the endpoint below to your client, then complete the browser sign-in to authorize access. Every client on this page supports Streamable HTTP and OAuth.
Claude Code
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpThen: Run /mcp in Claude Code and authorize AppScreenshots in the browser.
Or merge the config file
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}Codex
codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpThen: Run codex mcp login appscreenshots to open the browser sign-in.
Or merge the config file
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"Gemini CLI
gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpThen: Inside Gemini CLI, run /mcp auth appscreenshots.
Or merge the config file
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}Kimi Code
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpThen: Open /mcp-config in Kimi Code, add the HTTP server above, then run /mcp-config login appscreenshots. Restart the session after saving.
Or merge the config file
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}ZCode
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpThen: Merge the config into ~/.zcode/cli/config.json under mcp.servers, or add the HTTP service in Settings → MCP. Restart the session and complete the OAuth sign-in when it appears.
Or merge the config file
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}ChatGPT
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpThen: Use your account or workspace's custom MCP connection entry with the endpoint above and OAuth. Availability depends on your workspace controls.
Prefer copy-paste files and an optional Skill?
The public connection kit on GitHub ships ready-made config files for every client above, an optional agent Skill that teaches the workflow, and a doctor command that checks the server from your terminal.
View appscreenshots-mcp on GitHubTools
Nine Tools Your Agent Can Call
Read tools inspect capabilities, templates, projects and assets. Write tools create projects and apply structured, revision-checked edits.
Read tools
| Tool | What it does |
|---|---|
get_capabilities | Read your entitlements, design bounds, devices and preview/export modes |
search_templates | Search public template metadata |
get_template | Read a template you are entitled to use |
list_projects | List your authorized projects, 25 per page |
get_project | Read a project's current revision and editable design |
get_project_preview | Get the editor link, revision, pages and browser review instructions |
list_assets | List shared assets and assets inside authorized projects |
Write tools
| Tool | What it does |
|---|---|
create_project | Create a project from a template or a blank canvas |
update_project | Apply structured edits with revision and idempotency protection |
How it works
From Prompt to Store-Ready Screenshots
The default loop every connected agent can follow.
- 1
Connect and authorize
Add the MCP server in your client and sign in with your AppScreenshots account. On the consent page, pick the projects and assets the tool may use and whether it can create projects.
- 2
Describe what you need
Ask for a screenshot set in plain language. The agent reads capabilities, searches templates and creates an editable project.
- 3
Review in the browser
The preview tool returns the editor link. An agent with browser tools opens it, inspects the screenshots and corrects visual issues through MCP.
- 4
Iterate to done
Every write is revision-checked and idempotent, so you can localize, switch devices or restyle by asking — without breaking earlier frames.
- 5
Export in the editor
Open the same project in the website editor and export store-ready images. Preview and export always stay in your hands.
Create an English App Store screenshot project from an available template using my authorized assets. Use short headlines and a clean layout. Open the editor using available browser tools, inspect screenshots and correct visual issues, then give me the project link for website export.
Examples
What You Can Ask For
The project stays editable, so follow-up requests are cheap.
Localize the set
“Duplicate the current frames into Japanese and German. Keep the layout, translate the headlines, and keep the translated text within 20% of the English length.”
Switch devices
“Switch the device mockups to a larger Pro Max model and adjust the background gradient so the framing still feels balanced.”
Restyle in one sentence
“Change the second frame to a dark background, move the headline to the top third, and use the secondary accent color for the caption.”
Security & limits
You Stay in Control
MCP access is scoped, observable and revocable at any time.
- Authentication
- OAuth 2.1 with PKCE browser sign-in — no API keys or passwords stored in your client
- Per-project consent
- Each tool sees only the projects and assets you select; everything else stays invisible
- Revoke anytime
- Settings → Connected AI tools revokes a connection instantly — access and refresh tokens stop working immediately
- Token lifetimes
- Access tokens and refresh tokens each last 30 days
- Rate limits
- 60 MCP calls per minute on the free plan, 120 per minute on paid plans
- Project limits
- Up to 20 frames per project and 100 elements per frame; canvas sizes from 100 to 5000 px
- Pricing
- No extra charge — your existing plan entitlements, templates and export limits apply
FAQ
MCP Server FAQ
What developers ask before connecting an AI tool.
Let Your Agent Ship the Next Store Listing
Add the AppScreenshots MCP server to your AI tool and turn one prompt into an editable, store-ready screenshot project.