Aller au contenu principal
Model Context Protocol

Le serveur MCP de ScreenMocks

Branchez Claude, Cursor, VS Code, Codex ou ChatGPT sur ScreenMocks et laissez-les construire toute la galerie App Store : cadres d'appareils réels, chaque taille de canevas exigée par Apple et 48 langues, sur vos propres projets.

Lire la documentation arrow_forward
ClaudeCursorCodexGeminicodeVS CodeboltZapier
La surface

Tout ce que vous savez faire,
un agent sait le faire.

45 outils, tenus à une seule exigence : la parité avec l’éditeur.

Référence complète arrow_forward

Composition des écrans

Texte, formes, cadres d’appareil et groupes sur un vrai canevas.

add_layers · update_layer · align_layers

48 langues App Store

Ajoutez une langue et tout le jeu suit. Redéfinissez une seule cellule.

set_languages · set_translations

Tous les formats des stores

iPhone, iPad, Android et tout format ajouté. Chacun a ses écrans.

add_size · list_size_screens

33 cadres d’appareil

Le cadre suit le format : un iPhone sur l’onglet Play devient un Pixel.

list_catalog · update_layer

Barres d’état

Quatre vraies barres, posées sur une capture sans habillage.

set_status_bar

Vos captures, en lot

Indiquez un dossier : elles remplissent chaque écran vide, dans l’ordre.

import_asset_from_url · set_screenshot

Photos et icônes

Photographie Pexels et 90 000 vecteurs, cherchés depuis l’agent.

search_stock_photos · search_icons

La bibliothèque de modèles

Partez d’un jeu conçu, ou prenez un seul écran dans un autre.

apply_template · add_template_screens

Export et publication

Chaque format et chaque langue en archive, ou direct vers App Store Connect.

export_project

Ce qu’il fait

Une consigne en entrée.
Une galerie finie en sortie.

Voir les modèles arrow_forward

Vous, dans Claude

Crée un jeu App Store pour mon app à partir du modèle Atlas. Utilise les cinq captures dans ./screenshots, écris les titres toi-même, puis ajoute l’espagnol et le japonais et exporte les toiles iPhone et iPad.

checkProjet créé et modèle récupérécheckCinq captures placées, une par écrancheckTitres écrits et traduitscheck2 toiles x 3 langues exportées
Connexion

Trois lignes dans la configuration de votre client.

{ "mcpServers": { "screenmocks": { "type": "http", "url": "https://www.screenmocks.com/api/mcp", "headers": { "Authorization": "Bearer sf_pat_your_token" } } } }
Nom du serveur
screenmocks
Point de terminaison
https://www.screenmocks.com/api/mcp
Transport
HTTP en flux (streamable HTTP). C'est un serveur distant : rien à installer, rien à faire tourner en local.
Authentification
Authorization: Bearer <token> — Un jeton d'accès personnel créé dans votre compte. Tous les jetons commencent par sf_pat_.
Outils
45, couvrant les projets, les écrans, les calques, le texte, la localisation, les fichiers, les aperçus et l'export.
Disponibilité
Toutes les offres payantes : Pro mensuel ou annuel, et le Launch Pass acheté une fois. L'offre gratuite ne peut pas créer de jeton.
Jetons par compte
5 à la fois, un par client. Il n'y a ni siège ni modèle d'équipe.
Documentation
https://www.screenmocks.com/mcp

Questions

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.

Branchez-le une fois.
Livrez chaque jeu depuis une consigne.

Le connecteur est inclus dans toutes les formules payantes, pass unique compris.

Lire la documentation