MCP 伺服器 · Streamable HTTP · OAuth

App Store 截圖 MCP 伺服器

讓 Claude Code、Codex 或 Gemini CLI 為你設計應用商店截圖。AI 代理建立可編輯專案,在瀏覽器中審查,並把匯出連結交給你。

無需 API 金鑰——OAuth 瀏覽器登入,按專案授權
九個工具,建立、編輯並審查截圖專案
瀏覽器中審查,網站編輯器中匯出
MCP 端點
https://appscreenshots.net/api/mcp

一條命令即可加入。免費與付費方案均包含 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 工具,用一句提示詞得到可編輯、可上架的截圖專案。