App Store 截圖 MCP 伺服器
讓 Claude Code、Codex 或 Gemini CLI 為你設計應用商店截圖。AI 代理建立可編輯專案,在瀏覽器中審查,並把匯出連結交給你。
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/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
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 CLI
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
}
}
}
}Kimi Code
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"
}
}
}ZCode
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"
}
}
}
}ChatGPT
https://appscreenshots.net/api/mcphttps://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
連接並授權
在用戶端加入 MCP 伺服器,並用你的 AppScreenshots 帳戶登入。在授權頁選擇該工具可使用的專案與素材,以及是否允許它建立專案。
- 2
描述你的需求
用自然語言描述想要的截圖組合。代理讀取能力、搜尋範本並建立可編輯專案。
- 3
在瀏覽器中審查
預覽工具傳回編輯器連結。帶瀏覽器工具的代理會開啟連結、檢查截圖並透過 MCP 修正視覺問題。
- 4
迭代至完成
每次寫入都帶版本校驗與冪等保護,因此可以隨時本地化、換裝置或改風格,不會破壞既有幀。
- 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 工具前開發者最常問的問題。
讓 AI 代理幫你交付下一個商店頁面
把 AppScreenshots MCP 伺服器加入你的 AI 工具,用一句提示詞得到可編輯、可上架的截圖專案。