mcpField
A
AppScreen

AppScreen

本地服务
appscreen.co媒体与设计02 周前更新

关于 AppScreen

AppScreen 是面向应用团队和 Agent 的 MCP 服务,可将应用截图制作成应用商店素材。它支持设备边框、导出尺寸和多种语言,并提供渲染及状态查询工具。

主要功能

  1. 01根据布局和图像文件渲染截图
  2. 02支持商店导出尺寸和语言
  3. 03应用设备边框
  4. 04查询异步渲染状态

适用场景

  1. 01制作 App Store 和 Google Play 上架图片
  2. 02生成多语言截图套件
  3. 03跟踪排队中的截图导出

MCP 相关

该服务向 MCP 客户端提供截图渲染和状态查询工具。它从本地服务环境读取图像文件路径。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"co-appscreen": {
"command": "npx",
"args": [
"-y",
"@appscreen/mcp"
],
"env": {
"APPSCREEN_API_KEY": "<APPSCREEN_API_KEY>",
"APPSCREEN_BASE_URL": "<APPSCREEN_BASE_URL>"
}
}
}
}
启动命令npx -y @appscreen/mcp
需要配置的环境变量
APPSCREEN_API_KEY密钥Optional MCP key (mcm_live_…) from https://appscreen.co/account/keys. Omit for 5 free anonymous renders.
APPSCREEN_BASE_URLOverride the API base URL. Defaults to https://api.appscreen.co.

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@appscreen/mcp0.30.0

工具

2

收录的工具列表 · 更新于 2 周前

参数类型必填说明
filesarray否底层上传 + 手动绑定 screensMeta。优先使用内联路径:在每个屏幕上设置 screenshot.path / screenshot.pathsByLang,在图像背景上设置 bg.path,并在图像对象上设置 path——服务端会为你组装上传内容并完成绑定。仅在手动管理 screensMeta 时使用顶层 files[]。
langsarray是地区设置(catalog.langs)。
sizesarray是目标画布尺寸(catalog.sizes[].id)。
layoutstring否catalog.layouts 之一(默认值 = `default`)。
roundedboolean否
screensarray是
screensMetaarray否
cornerRadiusstring否
idempotencyKeystring否

详细介绍

@appscreen/mcp

用于 AppScreen 的 MCP 服务——可通过任何支持 MCP 的 Agent(Claude Desktop、Claude Code、Cursor、Codex 等)生成 App Store / Play Store 截图。

安装

# Latest, no install — recommended for end users
npx -y @appscreen/mcp

配置(Claude Desktop)

~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "appscreen": {
      "command": "npx",
      "args": ["-y", "@appscreen/mcp"],
      "env": {
        "APPSCREEN_API_KEY": "mcm_live_…"
      }
    }
  }
}

匿名使用时可省略 APPSCREEN_API_KEY(终身可渲染 5 次,之后需要注册)。

配置(其他客户端)

  • Claude Code: claude mcp add appscreen -- npx -y @appscreen/mcp

  • Cursor: .cursor/mcp.json —— JSON 结构与上方相同。

  • Codex: codex mcp add appscreen -- npx -y @appscreen/mcp,或添加到 ~/.codex/config.toml:

    [mcp_servers.appscreen]
    command = "npx"
    args = ["-y", "@appscreen/mcp"]
    env = { APPSCREEN_API_KEY = "mcm_live_…" }
    

工具

  • render_screenshots —— 接受屏幕(布局 JSON)和图像文件。返回 jobId(密钥模式/异步)或下载链接(匿名/内联)。匿名免费使用最多可渲染 5 次。
  • get_render_status —— 轮询 jobId。完成后返回状态和签名下载 URL。
通过路径传递图像,而不是 base64

服务在本地运行,因此请提供文件路径——服务会从磁盘读取字节。请勿在调用中将真实截图编码为 base64:LLM 输出 18k–90k 个字符的 base64 字符串时,中途可能丢失一个字符,导致其后部分的 PNG 渲染为黑色。

"files": [
  { "name": "1.png", "path": "~/app/screenshots/home.png" },   // ✅ preferred
  { "name": "2.png", "path": "/abs/path/settings.png" }
]
// base64 is accepted only for tiny synthetic test images:
// { "name": "x.png", "base64": "iVBORw0KG..." }

套图下载 URL 带有签名,约 1 小时后过期。重新轮询即可刷新。

配额

已登录用户的用量按积分计量:1 积分 = 1 张导出图像(屏幕数 × 尺寸数 × 语言数)。导出失败会退还积分;自动翻译免费。MCP 密钥消耗其创建所在工作区的积分。

方案积分 / 月说明
Free50每次导出可选任意一种尺寸,英语,每次导出最多 10 个屏幕。每小时最多渲染 3 次。
Starter — $4 / mo400支持全部 5 种尺寸,每次导出可选任意 3 种语言,支持自动翻译。每小时最多渲染 3 次。
Pro — $8 / mo2,500支持全部 15 种语言,每次导出最多 200 个屏幕。MCP 按完整速率计费。
Team — $29 / mo8,000 pooled包含 3 个席位。MCP 按完整速率计费。

一次性积分包适用于所有方案,包括 Free:100 积分 $5、400 积分 $15、1,500 积分 $39,有效期为 12 个月。匿名使用(无密钥)不按积分计量,终身最多可渲染 5 次。

每个工具响应都包含 _meta.quota = {used, cap, tier, resetAt},以及 balance(剩余积分);提交渲染时,如果 API 返回了 cost,响应中也会包含该字段。对于已登录的调用方,used 和 cap 统计的是积分(cap − used = balance),tier 是方案 ID;对于匿名调用方,它们统计的是 5 次终身渲染额度,tier 为 anon-mcp。剩余额度不足一半时,文本内容会显示简短提示(“剩余 N 积分……”);低于 20% 或额度为零时,响应还会包含 _meta.upgradeUrl。

工作区积分不足以支付的导出会返回 HTTP 402 insufficient_credits——错误文本会说明费用和余额。详情请见:https://appscreen.co/pricing。

环境变量

变量用途
APPSCREEN_API_KEY可选。来自 https://appscreen.co/account/keys 的 MCP 密钥(mcm_live_…)。适用于所有方案,包括 Free。与程序化 ask_live_… API 密钥不同。
APPSCREEN_BASE_URL覆盖 API URL。默认值为 https://api.appscreen.co。
APPSCREEN_MCP_CLIENT覆盖客户端标识符(从 MCP initialize 自动检测)。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。