How to Automate App Store Screenshots with Claude Code (MCP)

TL;DR: FrameStudio has a built-in MCP server. Connect Claude Code (or Codex, Cursor — any MCP client) in one command, then ask for what you want in plain English: the agent creates the project from a template, drops your raw captures into real device frames, duplicates every locale with AI translation, renders previews to check its own work, and exports every required App Store size. You watch it happen live in the studio.

Screenshot week is the least favorite week of every indie developer's launch. You've shipped the build, App Store Connect is waiting, and between you and the submit button stand thirty-plus images: five slides, times three device sizes, times however many languages you support. In 2026 there's a better answer than doing it by hand — and it isn't a generic AI image generator that hallucinates fake UI. It's your coding agent driving a real screenshot studio.

What is MCP, in one paragraph

MCP (Model Context Protocol) is an open standard that lets AI agents talk to real applications through typed tools. Instead of an LLM generating pixels, the agent calls functions an app exposes — create a project, set a text layer, export files. The app does the precise work; the agent does the orchestration. Claude Code, Codex, Cursor, and most modern coding agents speak MCP out of the box.

FrameStudio's built-in MCP server

FrameStudio (a native Mac app for App Store screenshots) ships an MCP server inside the app — nothing to install. It listens on localhost only, is protected by a personal access token, and exposes 26 tools covering the entire workflow: browsing templates, creating projects, uploading captures, placing them into device frames, editing text and styles, adding locales with AI translation, rendering previews, and exporting every App Store size. The agent works through your signed-in account, using the same code paths as the UI — so you literally watch every edit happen live on the canvas.

Setup: two minutes

1. Open FrameStudio, click the MCP pill in the header, and flip the switch (requires Premium).

2. Copy the ready-made connect command from the popover. For Claude Code it looks like this:

```claude mcp add --transport http framestudio http://127.0.0.1:52847/mcp --header "Authorization: Bearer <your-token>"```

3. Run `claude mcp list` — you should see `framestudio ✔ Connected`. That's it.

Codex and other stdio-only clients use a bridge script that ships inside the app bundle — the popover has that command ready too.

A real session

Here's an actual prompt you can give Claude Code once connected:

```Take my raw screenshots in ~/Desktop/captures, build my App Store visuals from a template that fits a fitness app, translate them to French, German and Spanish, and export every iPhone size.```

What happens next, in order: the agent lists templates and picks a fitting one; creates the project; uploads your captures and binds them to the device slots in slide order; renders slide 1 and *looks at it* to verify the result; adds FR, DE and ES with one-call AI translation per locale; renders one slide per language as a spot check; then exports a zip organised by size and locale, ready to drag into App Store Connect. A five-language, three-size screenshot set — the thing that used to eat a weekend — lands in about ten minutes, and you supervised every step visually.

Why this beats AI image generation

Generic AI image tools generate screenshots that look like your app. FrameStudio's agent workflow uses your *actual* screenshots inside pixel-accurate device frames, at exact App Store dimensions, with your fonts and brand colors — because it's driving a deterministic design tool, not diffusing pixels. Apple rejects fake UI in screenshots; it can't reject your real UI, framed properly.

Tips for good agent sessions

Name files by slide order. `01.png, 02.png…` lets the agent bind captures to slides by convention in a single call. Ask for a render before an export. The agent can see its renders — 'show me slide 1 before exporting' catches layout issues early. Localize last. Get the source language perfect first, then duplicate to every locale; AI translation preserves your layout and only rewrites text layers.

Limits and safety

The server binds to 127.0.0.1 only — nothing outside your Mac can reach it. Every request needs your personal token, every tool call requires your signed-in Premium account, and flipping the header toggle off kills the server instantly. The agent can't do anything you couldn't do in the UI — it just does it faster.

About FrameStudio

FrameStudio is a native Mac app for creating App Store screenshots — templates, real device frames, canvas editor, AI localization, app preview videos, and a built-in MCP server for AI agents. Free to download on the Mac App Store.

See also: FrameStudio MCP documentation · App Store Screenshot Sizes 2026 · Design Once, Export All Sizes