App-Store-Screenshots mit Claude Code automatisieren (MCP)

TL;DR: FrameStudio hat einen integrierten MCP-Server. Verbinde Claude Code (oder Codex, Cursor — jeden MCP-Client) mit einem Befehl und formuliere deinen Wunsch in normalem Deutsch: Der Agent erstellt das Projekt aus einer Vorlage, setzt deine Roh-Screenshots in echte Geräterahmen, dupliziert jede Sprache mit KI-Übersetzung, rendert Vorschauen zur Selbstkontrolle und exportiert jede geforderte App-Store-Größe. Du siehst live im Studio zu.

Die Screenshot-Woche ist die unbeliebteste Woche jedes Indie-Launches. Der Build ist fertig, App Store Connect wartet, und zwischen dir und dem Submit-Button stehen über dreißig Bilder: fünf Slides, mal drei Gerätegrößen, mal so viele Sprachen, wie du unterstützt. 2026 gibt es eine bessere Antwort als Handarbeit — und es ist kein generischer KI-Bildgenerator, der falsche UIs halluziniert. Es ist dein Coding-Agent, der ein echtes Screenshot-Studio steuert.

Was ist MCP, in einem Absatz

MCP (Model Context Protocol) ist ein offener Standard, mit dem KI-Agenten über typisierte Tools mit echten Anwendungen sprechen. Statt dass ein LLM Pixel generiert, ruft der Agent Funktionen auf, die eine App bereitstellt — Projekt erstellen, Textebene ändern, Dateien exportieren. Die App macht die Präzisionsarbeit; der Agent orchestriert. Claude Code, Codex, Cursor und die meisten modernen Agenten sprechen MCP von Haus aus.

FrameStudios integrierter MCP-Server

FrameStudio (eine native Mac-App für App-Store-Screenshots) liefert den MCP-Server in der App mit — nichts zu installieren. Er lauscht nur auf localhost, ist durch ein persönliches Token geschützt und stellt 26 Tools für den gesamten Workflow bereit: Vorlagen durchsuchen, Projekte erstellen, Captures hochladen, in Geräterahmen setzen, Texte und Stile bearbeiten, Sprachen mit KI-Übersetzung hinzufügen, Vorschauen rendern und jede App-Store-Größe exportieren. Der Agent arbeitet über deinen angemeldeten Account mit denselben Codepfaden wie die Oberfläche — du siehst buchstäblich jede Änderung live auf dem Canvas.

Einrichtung: zwei Minuten

1. Öffne FrameStudio, klicke auf die MCP-Pille im Header und lege den Schalter um (erfordert Premium).

2. Kopiere den fertigen Verbindungsbefehl aus dem Popover. Für Claude Code sieht er so aus:

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

3. Führe `claude mcp list` aus — du solltest `framestudio ✔ Connected` sehen. Das war's.

Codex und andere stdio-Clients nutzen ein Bridge-Skript, das im App-Bundle mitgeliefert wird — auch dieser Befehl steht im Popover bereit.

Eine echte Session

Hier ist ein Prompt, den du Claude Code nach dem Verbinden geben kannst:

```Nimm meine Roh-Screenshots aus ~/Desktop/captures, baue meine App-Store-Visuals aus einer Vorlage, die zu einer Fitness-App passt, übersetze sie ins Französische, Deutsche und Spanische und exportiere jede iPhone-Größe.```

Was dann passiert, der Reihe nach: Der Agent listet Vorlagen und wählt eine passende; erstellt das Projekt; lädt deine Captures hoch und bindet sie in Slide-Reihenfolge an die Geräte-Slots; rendert Slide 1 und *schaut sie an*, um das Ergebnis zu prüfen; fügt FR, DE und ES mit KI-Übersetzung hinzu; rendert pro Sprache eine Slide als Stichprobe; und exportiert ein Zip, organisiert nach Größe und Sprache, bereit für App Store Connect. Ein Screenshot-Set in fünf Sprachen und drei Größen — früher ein ganzes Wochenende — landet in etwa zehn Minuten, und du hast jeden Schritt visuell überwacht.

Warum das KI-Bildgenerierung schlägt

Generische KI-Bildtools erzeugen Screenshots, die wie deine App *aussehen*. FrameStudios Agent-Workflow verwendet deine *echten* Screenshots in pixelgenauen Geräterahmen, in exakten App-Store-Abmessungen, mit deinen Fonts und Markenfarben — weil er ein deterministisches Designtool steuert, statt Pixel zu diffundieren. Apple lehnt falsche UIs in Screenshots ab; deine echte UI, sauber gerahmt, kann es nicht ablehnen.

Tipps für gute Agent-Sessions

Benenne Dateien nach Slide-Reihenfolge. `01.png, 02.png…` lässt den Agenten Captures per Konvention in einem einzigen Aufruf an Slides binden. Verlange ein Rendering vor dem Export. Der Agent sieht seine Renderings — „zeig mir Slide 1 vor dem Export" fängt Layoutprobleme früh ab. Lokalisiere zuletzt. Bring erst die Ausgangssprache in Form, dann dupliziere in jede Sprache; die KI-Übersetzung erhält dein Layout und schreibt nur die Texte um.

Grenzen und Sicherheit

Der Server lauscht nur auf 127.0.0.1 — nichts außerhalb deines Macs kommt heran. Jede Anfrage braucht dein persönliches Token, jeder Tool-Aufruf deinen angemeldeten Premium-Account, und das Umlegen des Header-Schalters stoppt den Server sofort. Der Agent kann nichts tun, was du nicht auch in der Oberfläche könntest — er ist nur schneller.

Über FrameStudio

FrameStudio ist eine native Mac-App für App-Store-Screenshots — Vorlagen, echte Geräterahmen, Canvas-Editor, KI-Lokalisierung, App-Vorschauvideos und integrierter MCP-Server für KI-Agenten. Kostenlos im Mac App Store.

Siehe auch: FrameStudio-MCP-Dokumentation · App-Store-Screenshot-Größen 2026 · Einmal gestalten, alle Größen exportieren