ScreenMocks MCP 服务器
把 Claude、Cursor、VS Code、Codex 或 ChatGPT 接到 ScreenMocks，让它直接搭出整套 App Store 截图：真实的设备边框、Apple 要求的每一种画布尺寸，以及 48 种语言，全部基于你自己的项目。
Cursor
Gemini你能做的一切，
智能体同样能做。
45 个工具，只有一个衡量标准：与编辑器完全对等。
画面搭建
在真实画布上使用文字、形状、设备外框与分组。
add_layers · update_layer · align_layers
App Store 的 48 种语言
添加一种语言，整套随之更新。也可只覆盖其中一格。
set_languages · set_translations
各商店的所有尺寸
iPhone、iPad、Android 以及你添加的任何尺寸，各自拥有自己的画面。
add_size · list_size_screens
33 种设备外框
外框跟随画布：Play 标签页中的 iPhone 会绘制成 Pixel。
list_catalog · update_layer
状态栏
四种真实状态栏，叠加在没有系统界面的截图之上。
set_status_bar
批量导入你的截图
指向一个文件夹，它们会按顺序填满每一块空白屏幕。
import_asset_from_url · set_screenshot
图库与图标
Pexels 摄影作品与 9 万个矢量图标，直接从智能体中搜索。
search_stock_photos · search_icons
模板库
从设计好的整套开始，或从另一套中取走某一屏。
apply_template · add_template_screens
导出与推送
所有尺寸与语言打包为 ZIP，或直接推送到 App Store Connect。
export_project
输入一句提示。
产出一整套截图。
在 Claude 里的你
用 Atlas 模板为我的应用做一套 App Store 截图。使用 ./screenshots 里的五张截图，标题你自己写，然后加上西班牙语和日语，并导出 iPhone 和 iPad 画布。
在客户端配置里加三行。
- 服务器名称
- screenmocks
- 端点
- https://www.screenmocks.com/api/mcp
- 传输方式
- Streamable HTTP。这是一台远程服务器，无需安装任何东西，也不用在本地运行任何进程。
- 身份验证
- Authorization: Bearer <token> — 在你的账户中生成的个人访问令牌。所有令牌都以 sf_pat_ 开头。
- 工具
- 45 个，覆盖项目、屏幕、图层、文字、本地化、素材、预览与导出。
- 可用范围
- 所有付费方案：按月或按年的 Pro，以及一次性购买的 Launch Pass。免费方案无法生成令牌。
- 每个账户的令牌数
- 同时 5 个，每个客户端一个。没有席位，也没有团队方案。
- 文档
- https://www.screenmocks.com/mcp
常见问题
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.