appdesigns App Store screenshots

App Store 截图 MCP（appdesigns）

一个免费的 MCP 服务，可让你的编码 Agent 为应用制作 App Store 和 Google Play 截图。Claude Code、Codex、Cursor、VS Code、Gemini CLI 或任何带有 shell 的 MCP 客户端都会读取你的应用、提出屏幕方案，在添加演示数据前只征求你一次同意，按商店尺寸捕获每个屏幕，并在 appdesigns 编辑器中打开带设备边框和说明文字的一组截图，你可以在其中编辑并导出可直接用于商店的 PNG。

• 免费。 连接无需 API 密钥、点数或登录。appdesigns 不运行 AI 模型；由你的 Agent 负责思考。
• 真实应用。 Agent 从模拟器、仿真器或浏览器中捕获实际 UI。不会生成任何内容。
• 可编辑。 结果是 appdesigns 编辑器中的一个项目，而不是一张扁平图片：可更改文字、颜色、设备和布局，然后导出。
• 适用于两大商店。 App Store 支持 1320 × 2868（6.9 英寸）和 13 英寸 iPad；Google Play 支持 1080 × 1920。
• 支持各种技术栈。 iOS、Android、Expo、React Native、Flutter 和 Web 应用。

服务端：https://appdesigns.click/api/mcp（Streamable HTTP，无状态，无需身份验证） 设置页面：https://appdesigns.click/mcp 使用指南：https://appdesigns.click/blog/app-store-screenshots-mcp

安装

Agent	方法
Claude Code	claude mcp add --transport http --scope user appdesigns https://appdesigns.click/api/mcp，或将此仓库作为插件：/plugin marketplace add haider-nawaz/app-store-screenshots-mcp，然后运行 /plugin install appdesigns@appdesigns
Codex	codex mcp add appdesigns --url https://appdesigns.click/api/mcp
Cursor	在 https://appdesigns.click/mcp 上点击一键安装按钮，或在 .cursor/mcp.json 的 mcpServers 下添加 {"url": "https://appdesigns.click/api/mcp"}
VS Code (Copilot)	code --add-mcp '{"name":"appdesigns","type":"http","url":"https://appdesigns.click/api/mcp"}'
Gemini CLI	gemini mcp add -s user -t http appdesigns https://appdesigns.click/api/mcp
其他工具	npx add-mcp https://appdesigns.click/api/mcp

然后，在应用文件夹中输入：

用 appdesigns 为此应用制作 App Store 截图。

在 Claude Code 中，会话中途添加的服务端需要重启后才会加载：退出，运行 claude --continue，然后说“继续”。

工作原理

1. Agent 使用你的平台和商店调用 get_workflow。它会返回适用于你技术栈的捕获命令，以及有关屏幕、演示数据和说明文字的规则。
2. 它会读取你的应用，并规划 4 或 5 个屏幕，最好的排在最前。
3. 它会与你确认一次：屏幕方案、将要添加的演示数据、为捕获屏幕而可能更改的代码，以及每个屏幕的说明文字。它会等待你回复后再进行任何操作，且绝不会接触生产数据。
4. 它会按商店尺寸捕获每个屏幕，并使用干净的状态栏（9:41、电量充足）。
5. 它会调用 create_project，运行返回的唯一上传命令（每个文件都通过签名 URL 直接上传到存储空间，不会经过模型），然后调用 finish_project。
6. 它会在浏览器中打开链接。这组截图会加载到编辑器中；导出无需账号，免费登录后即可保存到你的资料库。

工具

工具	功能
get_workflow	适用于一个平台和商店的完整操作指南：捕获命令、屏幕、演示数据和说明文字规则
list_devices	列出这组截图可使用的设备边框
create_project	注册屏幕（名称、标题、文件）并返回一条上传命令
finish_project	检查每个已上传文件，并返回这组截图的链接

服务端还提供 app_store_screenshots 提示词（在 Claude Code 中：/mcp__appdesigns__app_store_screenshots）。

截图的处理方式

截图会上传到一个无人可浏览的私有暂存区。保存截图集时，系统会将其复制到你自己的私有项目并删除暂存文件；未保存的截图集会在 72 小时后删除。除非你主动将截图集提交到 appdesigns 展示库，否则不会公开。

此仓库包含的内容

• .claude-plugin/marketplace.json 和 plugins/appdesigns/：一个 Claude Code 插件市场，其中包含一个连接服务并添加 app-store-screenshots 技能的插件。
• plugins/appdesigns/skills/app-store-screenshots/SKILL.md：独立的技能，可供任何能读取 Agent Skills 的 Agent 使用（将其复制到 .claude/skills/、.agents/skills/ 或类似目录即可）。
• server.json：官方 MCP 注册表中的条目，名称为 click.appdesigns/screenshots。

服务本身托管在 appdesigns.click；此仓库包含客户端部分。

许可证

MIT