让 Claude Code、Codex 或 Gemini CLI 为你设计应用商店截图。AI 代理创建可编辑项目，在浏览器中审查，并把导出链接交给你。
https://appscreenshots.net/api/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 等工具拍摄的是设备屏幕上已有的画面。用它们做原始截取，再把图片作为素材上传到这里。
快速开始
把下面的端点加入你的客户端，然后完成浏览器登录以完成授权。本页列出的客户端均支持 Streamable HTTP 与 OAuth。
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude 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"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcp然后: 运行 codex mcp login appscreenshots 打开浏览器登录。
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini 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
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp然后: 在 Kimi Code 中打开 /mcp-config，添加上面的 HTTP 服务器，然后运行 /mcp-config login appscreenshots。保存后重启会话。
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}https://appscreenshots.net/api/mcphttps://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"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp然后: 使用你的账户或工作区提供的自定义 MCP 连接入口，填入上面的端点并选择 OAuth。可用性取决于工作区设置。
GitHub 上的公开连接套件提供本页所有客户端的现成配置文件、一个教授工作流程的可选代理 Skill，以及一条从终端检查服务器的 doctor 命令。
在 GitHub 上查看 appscreenshots-mcp工具
读取类工具查看能力、模板、项目与素材；写入类工具创建项目并执行带版本校验的结构化编辑。
| 工具 | 作用 |
|---|---|
get_capabilities | 读取你的权益、设计边界、设备与预览/导出模式 |
search_templates | 搜索公开模板元数据 |
get_template | 读取你有权使用的模板 |
list_projects | 列出已授权项目，每页 25 个 |
get_project | 读取项目当前版本与可编辑设计 |
get_project_preview | 获取编辑器链接、版本、页面与浏览器审查说明 |
list_assets | 列出共享素材与已授权项目内的素材 |
| 工具 | 作用 |
|---|---|
create_project | 从模板或空白画布创建项目 |
update_project | 执行带版本与幂等保护的结构化编辑 |
工作原理
每个已连接的 AI 代理都可以遵循的默认流程。
在客户端添加 MCP 服务器，并用你的 AppScreenshots 账户登录。在授权页选择该工具可使用的项目与素材，以及是否允许它创建项目。
用自然语言描述想要的截图组合。代理读取能力、搜索模板并创建可编辑项目。
预览工具返回编辑器链接。带浏览器工具的代理会打开链接、检查截图并通过 MCP 修正视觉问题。
每次写入都带版本校验与幂等保护，因此可以随时本地化、换设备或改风格，不会破坏已有帧。
在网站编辑器中打开同一个项目并导出商店级图片。预览与导出始终由你掌控。
用可用的模板和我的已授权素材，创建一个英文 App Store 截图项目。使用简短标题与干净布局。用可用的浏览器工具打开编辑器，检查截图并修正视觉问题，然后给我用于网站导出的项目链接。
示例
项目保持可编辑，后续修改成本很低。
“把当前帧复制为日语和德语版本。保持布局不变，翻译标题，并让译文长度控制在英文版的 20% 增幅以内。”
“把设备样机换成更大的 Pro Max 机型，并调整背景渐变，让构图依然平衡。”
“把第二帧改为深色背景，标题移到上三分之一处，说明文字使用辅助色。”
安全与限制
MCP 访问按范围授权、可观察、可随时撤销。
常见问题
连接 AI 工具前开发者最常问的问题。
把 AppScreenshots MCP 服务器加入你的 AI 工具，用一句提示词得到可编辑、可上架的截图项目。