Vai al contenuto principale
Model Context Protocol

Il server MCP di ScreenMocks

Collega Claude, Cursor, VS Code, Codex o ChatGPT a ScreenMocks e lascia che costruisca l'intera galleria per l'App Store: cornici di dispositivo reali, ogni formato di tela richiesto da Apple e 48 lingue, sui tuoi stessi progetti.

Leggi la documentazione arrow_forward
ClaudeCursorCodexGeminicodeVS CodeboltZapier
La superficie

Tutto quello che sai fare,
lo sa fare un agente.

45 strumenti, misurati su un solo criterio: parità con l’editor.

Riferimento completo arrow_forward

Composizione delle schermate

Testo, forme, cornici dei dispositivi e gruppi su una tela vera.

add_layers · update_layer · align_layers

48 lingue dell’App Store

Aggiungi una lingua e tutto il set la segue. Sovrascrivi una singola cella.

set_languages · set_translations

Ogni formato degli store

iPhone, iPad, Android e qualsiasi misura tu aggiunga. Ognuno ha le sue schermate.

add_size · list_size_screens

33 cornici di dispositivo

La cornice segue il formato: un iPhone nella scheda Play diventa un Pixel.

list_catalog · update_layer

Barre di stato

Quattro barre reali, sovrapposte a uno screenshot arrivato senza interfaccia di sistema.

set_status_bar

I tuoi screenshot, in blocco

Indica una cartella e riempiono ogni display vuoto, in ordine.

import_asset_from_url · set_screenshot

Foto e icone

Fotografia Pexels e 90.000 vettori, cercati dall’agente.

search_stock_photos · search_icons

La libreria di modelli

Parti da un set disegnato, o prendi una sola schermata da un altro.

apply_template · add_template_screens

Esporta e pubblica

Ogni formato e lingua in uno ZIP, o dritto ad App Store Connect.

export_project

Cosa fa

Entra un prompt.
Esce una galleria finita.

Vedi i modelli arrow_forward

Tu, in Claude

Crea un set per l’App Store per la mia app dal modello Atlas. Usa le cinque acquisizioni in ./screenshots, scrivi tu i titoli, poi aggiungi spagnolo e giapponese ed esporta le tele iPhone e iPad.

checkProgetto creato e modello caricatocheckCinque acquisizioni posizionate, una per schermatacheckTitoli scritti e tradotticheck2 tele x 3 lingue esportate
Connessione

Tre righe nella configurazione del tuo client.

{ "mcpServers": { "screenmocks": { "type": "http", "url": "https://www.screenmocks.com/api/mcp", "headers": { "Authorization": "Bearer sf_pat_your_token" } } } }
Nome del server
screenmocks
Endpoint
https://www.screenmocks.com/api/mcp
Trasporto
Streamable HTTP. È un server remoto, quindi non c'è nulla da installare né nulla da eseguire in locale.
Autenticazione
Authorization: Bearer <token> — Un token di accesso personale creato nel tuo account. Tutti i token iniziano con sf_pat_.
Strumenti
45, che coprono progetti, schermate, livelli, testo, localizzazione, file, anteprime ed esportazione.
Disponibilità
Tutti i piani a pagamento: Pro mensile o annuale e il Launch Pass acquistato una volta sola. Il piano gratuito non può creare token.
Token per account
5 alla volta, uno per client. Non ci sono postazioni né un modello a squadra.
Documentazione
https://www.screenmocks.com/mcp

Domande

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.

Collegalo una volta.
Pubblica ogni set da un prompt.

Il connettore è incluso in ogni piano a pagamento, pass una tantum compreso.

Leggi la documentazione