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?
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.
It builds store-ready marketing screenshots — device mockups, headlines, gradients and localized copy — as editable projects from your authorized templates and assets.
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
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 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.
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}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.
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"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.
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}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.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}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.
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}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.
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
Read tools inspect capabilities, templates, projects and assets. Write tools create projects and apply structured, revision-checked edits.
| 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 |
| 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
The default loop every connected agent can follow.
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.
Ask for a screenshot set in plain language. The agent reads capabilities, searches templates and creates an editable project.
The preview tool returns the editor link. An agent with browser tools opens it, inspects the screenshots and corrects visual issues through MCP.
Every write is revision-checked and idempotent, so you can localize, switch devices or restyle by asking — without breaking earlier frames.
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
The project stays editable, so follow-up requests are cheap.
“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 the device mockups to a larger Pro Max model and adjust the background gradient so the framing still feels balanced.”
“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
MCP access is scoped, observable and revocable at any time.
FAQ
What developers ask before connecting an AI tool.
Add the AppScreenshots MCP server to your AI tool and turn one prompt into an editable, store-ready screenshot project.