Shotlingo

ShotLingo MCP：面向 Claude、Cursor 和 VS Code 的 App Store 截图生成器

描述你想要的截图。你的 Agent 会用 41 种语言撰写文案，ShotLingo 负责渲染画面，
最终截图集可直接上传到 App Store Connect 或 Google Play。

一行安装

Claude Code（插件：MCP 服务 + 截图设计技能 + ShotLingo 工具指南技能 + /shotlingo:localize 命令）

claude plugin install shotlingo --marketplace AlperenGuntekin/shotlingo-mcp

在 Claude Code 会话中运行，或使用低于 2.1.292 的 Claude Code 版本时：

/plugin marketplace add AlperenGuntekin/shotlingo-mcp
/plugin install shotlingo@shotlingo

然后运行 /mcp，选择 plugin:shotlingo:shotlingo 并登录。

仅安装服务，不安装插件：

claude mcp add --transport http shotlingo https://mcp.shotlingo.com/mcp

**Claude（网页版和桌面版）：**依次点击 Settings、Connectors、Add custom connector，然后粘贴 https://mcp.shotlingo.com/mcp。

Cursor：添加到 Cursor，或将以下内容写入 ~/.cursor/mcp.json：

{ "mcpServers": { "shotlingo": { "url": "https://mcp.shotlingo.com/mcp" } } }

VS Code：

code --add-mcp '{"name":"shotlingo","type":"http","url":"https://mcp.shotlingo.com/mcp"}'

仅支持 stdio 的客户端：

{ "mcpServers": { "shotlingo": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.shotlingo.com/mcp"] } } }

首次调用工具时会打开浏览器窗口，以登录 ShotLingo（使用 PKCE 的 OAuth 2.1）。无需复制 API 密钥，也不会在此仓库中存储任何内容。

你可以提出的需求

“根据这 5 张模拟器截图，为我的习惯追踪应用制作一套 6.9 英寸的 App Store 截图，每张展示一项优点，然后翻译成德语、日语和巴西葡萄牙语。”

“将我的英文截图集本地化为市场排名前 5 的语言，渲染全部截图，并上传到 App Store Connect。”

“哪些德语标题溢出了？缩短它们，然后只重新渲染那些页面。”

你将获得什么

步骤	工具
从模板或自己的截图开始	list_templates、get_template、adapt_template、create_project、duplicate_project、import_image、import_store_screenshots
编辑布局	generate_page、apply_device_frame、update_project、fit_text_into_design
本地化	set_translations、get_translations（支持 41 种语言，包括从右向左书写的语言）
渲染	render_screenshot、start_batch、get_batch_status
发布	export_to_app_store、export_to_google_play、list_app_store_apps、list_google_play_apps
账户	get_usage、list_projects

文本会通过 ShotLingo 网页编辑器使用的同一套导出流程进行适配，因此较长的德语标题会缩小以适应画面，而不会溢出边框。

Claude Code 插件还附带：

• **app-store-screenshots 技能：**我们使用的截图设计规则：前 3 个屏幕应展示什么、标题长度、尺寸、本地化陷阱以及 App Review 规则。此技能可独立使用，无需账户。
• **shotlingo 技能：**如何使用 ShotLingo 工具：哪些工具只读取数据，哪些会编辑设计，哪些会修改线上商品页；如何通过保存的版本撤销操作、如何在不触及速率限制的情况下渲染，以及如何设置 App Store 商品页测试。
• **/shotlingo:localize 命令：**只需一条命令，即可将“这是我的英文截图集”转换为已渲染的本地化截图集。

定价与免费使用方式

• 本仓库中的技能免费使用，无需账号。
• shotlingo.com 上的 ShotLingo 网页编辑器提供免费套餐。
• MCP 连接器需要付费套餐（Pro、Plus 或 Studio）。上传到商店需要 Plus 或 Studio。使用限制请见 shotlingo.com/plans。

工作原理

your agent ──MCP over HTTPS──▶ mcp.shotlingo.com ──▶ ShotLingo renderer ──▶ PNGs / App Store Connect / Google Play

该服务托管于云端且不开源。本仓库是开源部分：客户端配置、Claude Code 插件和设计技能。欢迎在此通过 issue 提交有关服务的错误报告和功能请求。

隐私

本仓库不会收集任何信息：其中只有配置和 Markdown 文件。托管服务会存储哪些信息，请参阅 shotlingo.com/privacy。

贡献

欢迎改进截图规则、为更多编辑器添加客户端配置，以及完善文档。请提交拉取请求或 issue。推送前请运行 npm test。

许可证

本仓库中的所有内容均采用 MIT 许可证。ShotLingo 服务有自己的条款。