Ir para o conteúdo principal
Model Context Protocol

O servidor MCP do ScreenMocks

Aponte o Claude, o Cursor, o VS Code, o Codex ou o ChatGPT para o ScreenMocks e deixe montar a galeria da App Store inteira: molduras de aparelho reais, todos os tamanhos de tela que a Apple exige e 48 idiomas, nos seus próprios projetos.

Ler a documentação arrow_forward
ClaudeCursorCodexGeminicodeVS CodeboltZapier
A superfície

Tudo o que você faz,
um agente também faz.

45 ferramentas, medidas por um único critério: paridade com o editor.

Referência completa arrow_forward

Montagem de telas

Texto, formas, molduras de aparelho e grupos numa tela de verdade.

add_layers · update_layer · align_layers

48 idiomas da App Store

Adicione um idioma e o conjunto inteiro acompanha. Ajuste uma célula só.

set_languages · set_translations

Todos os formatos das lojas

iPhone, iPad, Android e o tamanho que você criar. Cada um com suas telas.

add_size · list_size_screens

33 molduras de aparelho

A moldura segue o formato: um iPhone na aba Play vira um Pixel.

list_catalog · update_layer

Barras de status

Quatro barras reais, sobre uma captura que veio sem a interface do sistema.

set_status_bar

Suas capturas, em lote

Aponte para uma pasta e elas preenchem cada tela vazia, na ordem.

import_asset_from_url · set_screenshot

Fotos e ícones

Fotografia do Pexels e 90 mil vetores, pesquisados pelo agente.

search_stock_photos · search_icons

A biblioteca de modelos

Comece de um conjunto pronto, ou pegue uma tela de outro.

apply_template · add_template_screens

Exportar e publicar

Cada tamanho e idioma em ZIP, ou direto para o App Store Connect.

export_project

O que ele faz

Entra um comando.
Sai uma galeria pronta.

Ver os modelos arrow_forward

Você, no Claude

Monte um conjunto de App Store para o meu app a partir do modelo Atlas. Use as cinco capturas em ./screenshots, escreva as chamadas você mesmo, depois adicione espanhol e japonês e exporte as telas de iPhone e iPad.

checkProjeto criado e modelo carregadocheckCinco capturas colocadas, uma por telacheckChamadas escritas e traduzidascheck2 telas x 3 idiomas exportados
Conectar

Três linhas na configuração do seu cliente.

{ "mcpServers": { "screenmocks": { "type": "http", "url": "https://www.screenmocks.com/api/mcp", "headers": { "Authorization": "Bearer sf_pat_your_token" } } } }
Nome do servidor
screenmocks
Endpoint
https://www.screenmocks.com/api/mcp
Transporte
Streamable HTTP. É um servidor remoto, então não há nada para instalar nem nada para rodar localmente.
Autenticação
Authorization: Bearer <token> — Um token de acesso pessoal criado na sua conta. Todos os tokens começam com sf_pat_.
Ferramentas
45, cobrindo projetos, telas, camadas, texto, localização, arquivos, prévias e exportação.
Disponibilidade
Todos os planos pagos: Pro mensal ou anual, e o Launch Pass comprado uma vez. O plano gratuito não pode criar token.
Tokens por conta
5 por vez, um por cliente. Não há assentos nem modelo de equipe.
Documentação
https://www.screenmocks.com/mcp

Perguntas

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.

Conecte uma vez.
Publique cada conjunto a partir de um comando.

O conector está em todos os planos pagos, incluindo o passe de pagamento único.

Ler a documentação