LogoAppScreenshots
MCP 服务器 · Streamable HTTP · OAuth

App Store 截图 MCP 服务器

让 Claude Code、Codex 或 Gemini CLI 为你设计应用商店截图。AI 代理创建可编辑项目，在浏览器中审查，并把导出链接交给你。

无需 API 密钥——OAuth 浏览器登录，按项目授权
九个工具，创建、编辑并审查截图项目
浏览器中审查，网站编辑器中导出
MCP 端点
https://appscreenshots.net/api/mcp
连接你的 AI 工具连接示例

一条命令即可添加。免费与付费方案均包含 MCP。

什么是 MCP？

什么是应用商店截图 MCP 服务器？

AppScreenshots 在 https://appscreenshots.net/api/mcp 运行一个托管式 MCP（Model Context Protocol，模型上下文协议）服务器，让 Claude Code、Codex、Gemini CLI 等 AI 工具在你的账户中创建、编辑和审查应用商店截图项目——通过 OAuth 浏览器登录，无需 API 密钥。

设计与文案由你的 AI 代理提供。MCP 服务器保存的是真实、可编辑的项目：模板、设备样机、标题与背景都会成为你可以逐帧持续打磨的项目。

预览与导出始终在网站编辑器完成，没有你过目之前，任何内容都不会发布。

合成营销截图，而不只是截取屏幕

本服务器负责「合成」

它用你授权的模板与素材，构建商店级营销截图——设备样机、标题、渐变背景与本地化文案——并保存为可编辑项目。

截屏工具做的是另一件事

simctl、fastlane snapshot 等工具拍摄的是设备屏幕上已有的画面。用它们做原始截取，再把图片作为素材上传到这里。

快速开始

一条命令连接你的 AI 工具

把下面的端点加入你的客户端，然后完成浏览器登录以完成授权。本页列出的客户端均支持 Streamable HTTP 与 OAuth。

Claude Code

claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp

然后: 在 Claude Code 中运行 /mcp，并在浏览器中授权 AppScreenshots。

或合并配置文件
{
  "mcpServers": {
    "appscreenshots": {
      "type": "http",
      "url": "https://appscreenshots.net/api/mcp"
    }
  }
}

Codex

codex mcp add appscreenshots --url https://appscreenshots.net/api/mcp

然后: 运行 codex mcp login appscreenshots 打开浏览器登录。

或合并配置文件
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"

Gemini CLI

gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp

然后: 在 Gemini CLI 中运行 /mcp auth appscreenshots。

或合并配置文件
{
  "mcpServers": {
    "appscreenshots": {
      "httpUrl": "https://appscreenshots.net/api/mcp",
      "oauth": {
        "enabled": true
      }
    }
  }
}

Kimi Code

https://appscreenshots.net/api/mcp

然后: 在 Kimi Code 中打开 /mcp-config，添加上面的 HTTP 服务器，然后运行 /mcp-config login appscreenshots。保存后重启会话。

或合并配置文件
{
  "mcpServers": {
    "appscreenshots": {
      "url": "https://appscreenshots.net/api/mcp"
    }
  }
}

ZCode

https://appscreenshots.net/api/mcp

然后: 把配置合并到 ~/.zcode/cli/config.json 的 mcp.servers 下，或在 Settings → MCP 中添加 HTTP 服务。重启会话并在出现提示时完成 OAuth 登录。

或合并配置文件
{
  "mcp": {
    "servers": {
      "appscreenshots": {
        "type": "http",
        "url": "https://appscreenshots.net/api/mcp"
      }
    }
  }
}

ChatGPT

https://appscreenshots.net/api/mcp

然后: 使用你的账户或工作区提供的自定义 MCP 连接入口，填入上面的端点并选择 OAuth。可用性取决于工作区设置。

想要可直接复制的配置文件和可选 Skill？

GitHub 上的公开连接套件提供本页所有客户端的现成配置文件、一个教授工作流程的可选代理 Skill，以及一条从终端检查服务器的 doctor 命令。

在 GitHub 上查看 appscreenshots-mcp

工具

AI 代理可调用的九个工具

读取类工具查看能力、模板、项目与素材；写入类工具创建项目并执行带版本校验的结构化编辑。

读取工具

工具作用
get_capabilities读取你的权益、设计边界、设备与预览/导出模式
search_templates搜索公开模板元数据
get_template读取你有权使用的模板
list_projects列出已授权项目，每页 25 个
get_project读取项目当前版本与可编辑设计
get_project_preview获取编辑器链接、版本、页面与浏览器审查说明
list_assets列出共享素材与已授权项目内的素材

写入工具

工具作用
create_project从模板或空白画布创建项目
update_project执行带版本与幂等保护的结构化编辑
查看完整参数参考

工作原理

从一句提示词到商店级截图

每个已连接的 AI 代理都可以遵循的默认流程。

  1. 1

    连接并授权

    在客户端添加 MCP 服务器，并用你的 AppScreenshots 账户登录。在授权页选择该工具可使用的项目与素材，以及是否允许它创建项目。

  2. 2

    描述你的需求

    用自然语言描述想要的截图组合。代理读取能力、搜索模板并创建可编辑项目。

  3. 3

    在浏览器中审查

    预览工具返回编辑器链接。带浏览器工具的代理会打开链接、检查截图并通过 MCP 修正视觉问题。

  4. 4

    迭代至完成

    每次写入都带版本校验与幂等保护，因此可以随时本地化、换设备或改风格，不会破坏已有帧。

  5. 5

    在编辑器中导出

    在网站编辑器中打开同一个项目并导出商店级图片。预览与导出始终由你掌控。

一条开箱即用的提示词
用可用的模板和我的已授权素材，创建一个英文 App Store 截图项目。使用简短标题与干净布局。用可用的浏览器工具打开编辑器，检查截图并修正视觉问题，然后给我用于网站导出的项目链接。

示例

你可以要求什么

项目保持可编辑，后续修改成本很低。

本地化整套截图

“把当前帧复制为日语和德语版本。保持布局不变，翻译标题，并让译文长度控制在英文版的 20% 增幅以内。”

更换设备

“把设备样机换成更大的 Pro Max 机型，并调整背景渐变，让构图依然平衡。”

一句话改风格

“把第二帧改为深色背景，标题移到上三分之一处，说明文字使用辅助色。”

安全与限制

一切尽在掌控

MCP 访问按范围授权、可观察、可随时撤销。

身份验证
OAuth 2.1 + PKCE 浏览器登录——客户端不存储任何 API 密钥或密码
按项目授权
每个工具只能看到你选择的项目与素材，其余内容对其不可见
随时撤销
在 Settings → Connected AI tools 中撤销连接立即生效——访问与刷新令牌即刻失效
令牌有效期
访问令牌与刷新令牌均 30 天有效
频率限制
免费方案每分钟 60 次 MCP 调用，付费方案每分钟 120 次
项目限制
每个项目最多 20 帧、每帧最多 100 个元素；画布尺寸 100–5000 px
价格
不额外收费——沿用你现有方案的项目权益、模板与导出限制

常见问题

MCP 服务器常见问题

连接 AI 工具前开发者最常问的问题。

无需 API 密钥 · OAuth 登录

让 AI 代理帮你交付下一个商店页面

把 AppScreenshots MCP 服务器加入你的 AI 工具，用一句提示词得到可编辑、可上架的截图项目。

阅读接入指南在 GitHub 查看连接示例