Zum Hauptinhalt springen
Model Context Protocol

Der MCP-Server von ScreenMocks

Richte Claude, Cursor, VS Code, Codex oder ChatGPT auf ScreenMocks und lass die ganze App-Store-Galerie bauen: echte Geräterahmen, jede von Apple verlangte Canvas-Größe und 48 Sprachen, auf deinen eigenen Projekten.

Doku lesen arrow_forward
ClaudeCursorCodexGeminicodeVS CodeboltZapier
Die Oberfläche

Alles, was du kannst,
kann auch ein Agent.

45 Werkzeuge, gemessen an einem Maßstab: Gleichstand mit dem Editor.

Vollständige Referenz arrow_forward

Screen-Aufbau

Text, Formen, Geräterahmen und Gruppen auf einer echten Arbeitsfläche.

add_layers · update_layer · align_layers

48 App-Store-Sprachen

Eine Sprache hinzufügen, der ganze Satz folgt. Einzelne Zelle überschreiben.

set_languages · set_translations

Jedes Store-Format

iPhone, iPad, Android und jede eigene Größe. Jedes hat eigene Screens.

add_size · list_size_screens

33 Geräterahmen

Der Rahmen folgt dem Format: ein iPhone im Play-Tab wird zum Pixel.

list_catalog · update_layer

Statusleisten

Vier echte Leisten, über eine Aufnahme ohne Systemleiste gelegt.

set_status_bar

Ihre Aufnahmen, im Stapel

Auf einen Ordner zeigen, und sie füllen jedes leere Display der Reihe nach.

import_asset_from_url · set_screenshot

Bilder und Icons

Pexels-Fotografie und 90.000 Vektoren, direkt aus dem Agenten durchsucht.

search_stock_photos · search_icons

Die Vorlagenbibliothek

Mit einem fertigen Satz starten oder einen Screen aus einem anderen holen.

apply_template · add_template_screens

Export und Upload

Jede Größe und Sprache als ZIP, oder direkt zu App Store Connect.

export_project

Was es tut

Ein Prompt hinein.
Eine fertige Galerie heraus.

Vorlagen ansehen arrow_forward

Du, in Claude

Erstelle ein App-Store-Set für meine App aus der Atlas-Vorlage. Nimm die fünf Aufnahmen in ./screenshots, schreibe die Überschriften selbst, füge dann Spanisch und Japanisch hinzu und exportiere die iPhone- und iPad-Formate.

checkProjekt erstellt und Vorlage geladencheckFünf Aufnahmen platziert, eine pro ScreencheckÜberschriften geschrieben und übersetztcheck2 Formate x 3 Sprachen exportiert
Verbinden

Drei Zeilen in der Konfiguration deines Clients.

{ "mcpServers": { "screenmocks": { "type": "http", "url": "https://www.screenmocks.com/api/mcp", "headers": { "Authorization": "Bearer sf_pat_your_token" } } } }
Servername
screenmocks
Endpunkt
https://www.screenmocks.com/api/mcp
Transport
Streamable HTTP. Es ist ein entfernter Server, also gibt es nichts zu installieren und nichts lokal auszuführen.
Authentifizierung
Authorization: Bearer <token> — Ein persönliches Zugriffstoken, das du in deinem Konto erstellst. Jedes Token beginnt mit sf_pat_.
Tools
45, für Projekte, Screens, Ebenen, Text, Lokalisierung, Dateien, Vorschauen und Export.
Verfügbarkeit
Jeder kostenpflichtige Tarif: Pro monatlich oder jährlich, und der einmalig gekaufte Launch Pass. Der kostenlose Tarif kann kein Token erstellen.
Token pro Konto
5 gleichzeitig, eins pro Client. Es gibt keine Sitzplätze und kein Team-Modell.
Dokumentation
https://www.screenmocks.com/mcp

Fragen

Does ScreenMocks have an MCP server?

Yes. ScreenMocks runs a remote Model Context Protocol server at https://www.screenmocks.com/api/mcp, over the streamable HTTP transport. It exposes 45 tools covering everything the editor can do to a project: create projects, add screens and layers, style and align them, write captions, manage languages and canvas sizes, set screenshots, and reach the icon, stock photo and template libraries.

Which MCP clients does it work with?

Any client that speaks the streamable HTTP transport, including Claude Code, Claude Desktop, Cursor, VS Code, Codex and ChatGPT developer mode. There is nothing to install: it is a remote server, so a client only needs the URL and an access token.

How do I authenticate?

With a personal access token sent as an Authorization: Bearer header. Mint one in ScreenMocks under Settings, MCP access. The token is shown once, when it is created, and can be revoked at any time.

Do I need a paid plan to use the MCP server?

Yes. The MCP Connector is on every paid plan: Pro at $9.99 a month or $74.99 a year, and the Launch Pass at $149 once. The free plan can use the editor without limits but cannot mint an access token.

How many access tokens can one account hold?

Five at a time, one per client: an editor, a second machine, a CI job. There are no seats and no team model, so the five tokens belong to the one account that made them.

Can an agent see what it designed?

Yes. render_preview returns real images of the screens inline, rendered from the same document the export renders, and get_project with layout: true returns measured boxes, overflow, overlaps and legibility findings. Between them an agent can check its own work instead of reporting success blindly.

How do screenshots reach a project through MCP?

Image bytes never travel inside a tool call. An agent either imports a picture from a public URL with import_asset_from_url, or asks for a signed upload URL with create_upload_url and puts the file there itself. Either way it becomes an ordinary asset in the account.

Can an agent reach another account with my token?

No. Every tool runs against a project store bound to the token owner, so addressing another account is not expressible. Projects stay private to the account that owns them, and revoking a token cuts the client off immediately.

Einmal einrichten.
Jedes Set aus einem Prompt liefern.

Der Connector ist in jedem bezahlten Tarif enthalten, auch im einmaligen Pass.

Doku lesen