com.appscreenstudio由 appscreenstudio.com 發布官方發布者v0.1.0更新於 Oct 27, 2026
Design App Store and Google Play screenshots with your AI agent in the AppScreenStudio editor.
把 AI 助理連接到已開啟的 AppScreenStudio 編輯器，用來設計 App Store 與 Google Play 截圖、卡片、文字和裝置外框。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/com.appscreenstudio%2Fapp-screen-studio/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"appscreenstudio": {
"type": "http",
"url": "https://www.appscreenstudio.com/api/mcp",
"headers": {
"Authorization": "Bearer <YOUR_TOKEN>"
}
}
}
}Let your AI agent design App Store and Google Play screenshots in AppScreenStudio.
AppScreenStudio is a browser-based App Store and Google Play screenshot generator. Indie developers, mobile marketers, and ASO teams upload raw app screens, pick a template, place them in iPhone, iPad, and Android device frames, edit headlines, backgrounds, and images, then export every required store size in one click. Optional AI features handle localization, mascots, backgrounds, and assets. Nothing to install: it runs in the browser.
This repository holds the documentation and client configs for the hosted AppScreenStudio MCP server. The server itself runs on www.appscreenstudio.com, so there is nothing to build or run here.
The server connects an MCP client (Claude Code, Cursor, Codex, Gemini CLI, VS Code, and others) to the AppScreenStudio editor you have open in your browser. Your agent can read the project, add and edit cards, text, images, phones, and HTML blocks, switch templates, devices, and sizes, upload your app screens, generate AI assets and backgrounds, translate the whole set into new languages, fill in store listing text, and render a preview strip to check its own work. Every change shows up live in the editor, and you can undo it there like any other edit.
The token belongs to your account and stays the same until you click Rotate token, which invalidates the old one. Treat it like a password.
Replace YOUR_TOKEN with the token from the editor.
Add this to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (one project). It is the same config the editor's MCP config copy button gives you.
Add this to ~/.codex/config.toml:
Then export the token in the shell that runs Codex:
Or add this to ~/.gemini/settings.json:
Add this to .vscode/mcp.json. VS Code asks for the token once and stores it securely.
Any MCP client that supports Streamable HTTP with custom headers works. Point it at https://www.appscreenstudio.com/api/mcp and send Authorization: Bearer YOUR_TOKEN.
AI tools (generate_asset, generate_mascot, generate_background, ai_translate) spend AppScreenStudio AI credits from your account.
The documentation and config files in this repository are released under the MIT License. The AppScreenStudio service, the hosted MCP server, and the AppScreenStudio name and assets are not covered by this license.
來源：README.md，提交 dd79df8
Read one platform of the open editor. Pass platform or platformSetId to include that set's screenshots. With no argument, a project with one platform set returns that set. A project with more than one set returns the set directory and screenshotsOmitted, without screenshot bodies. Call again with platform or an id from that directory.
platformplatformSetIdUpdate a text layer on a screenshot in the open editor.
xyaligncolortextId必填contentfontSizerotationfontFamilyfontWeightlineHeightborderColor另有 8 個Add a text layer to a screenshot in the open editor.
xyaligncolorcontent必填fontSizerotationfontFamilyfontWeightlineHeightborderColorborderRadius另有 7 個Remove a text layer from a screenshot in the open editor.
textId必填screenshotId必填Add a card to the end of a platform set. The card is not blank: the set's first three cards get the template's sample texts and phone placement (sometimes a hidden or tilted phone), and later cards copy every layer of the set's last card without its phone image. Returns the ids of those layers so you can update or remove them.
platformSetId必填Update a card and its main phone: background, phone placement and app screen, pattern, fade, or shadow. imageUrl is the app screen inside the phone (upload_image with type screenshot). The phone model is chosen per platform set with set_device.
imageXimageYdeviceIdimageUrlrotationXrotationYrotationZfoldAmountimageScalephoneColorshadowBlurshadowColor另有 31 個Remove a screenshot from the open editor.
screenshotId必填Add an image layer to a card. src is an image URL, such as one from upload_image or list_library. Pass spriteCoordinate to crop one pose of a sprite sheet.
xysrc必填widthheightrotationscreenshotId必填spriteCoordinateUpdate an image layer on a screenshot in the open editor.
xysrcwidthheightassetId必填rotationscreenshotId必填Remove an image layer from a screenshot in the open editor.
assetId必填screenshotId必填Add a box layer to a card. Pass html to draw a custom card: width and height set its layout box, and every visible style goes in the html, since backgroundColor and borderRadius only style plain boxes without html. A style element stays inside the card.
xyhtmllayerscalewidth必填height必填opacityrotationXrotationYrotationZborderRadius另有 2 個Update a box layer on a card.
xyhtmldivId必填layerscalewidthheightopacityrotationXrotationYrotationZ另有 3 個Remove a box layer from a screenshot in the open editor.
divId必填screenshotId必填Add another phone to a screenshot card in the open editor. It uses the platform set's device frame and starts next to the main phone with its size, rotation, and shadow. Set imageUrl to an image URL (upload_image with type screenshot). Extra phones paint above the main phone, in the order they were added. Returns phoneId.
imageXimageYdeviceIdimageUrlrotationXrotationYrotationZfoldAmountimageScalephoneColorshadowBlurshadowColor另有 24 個Update an extra phone added with add_phone. Takes the same phone fields as update_screenshot. The main phone is edited with update_screenshot.
imageXimageYphoneId必填deviceIdimageUrlrotationXrotationYrotationZfoldAmountimageScalephoneColorshadowBlur另有 25 個Remove an extra phone added with add_phone.
phoneId必填screenshotId必填Move a layer one step forward or backward among layers of the same kind. It cannot move a layer across kinds: back to front, cards always paint back divs, phones, image layers, front divs, then texts.
kind必填direction必填elementId必填screenshotId必填Set the template of the open project.
templateId必填Update one color of the open project's template. colorId must be one of the current template's colors: minimal (bg), gradient (from, via, to), geometric (bg, circle1, circle2), wave (from, to, wave), glass (from, to), connected (bg, dots). value is a CSS color such as #22c55e.
value必填colorId必填Set the pixel size of a platform set.
width必填height必填platformSetId必填Set the device of a platform set. iOS sets take iphone-13-pro, iphone-13-pro-max, iphone-15-pro, iphone-15-pro-max, iphone-17-pro, iphone-17-pro-max, iphone-18-pro, iphone-18-pro-max, iphone-duo, borderless-frame, ipad-pro-12, ipad-pro-13, macbook-air-13, macbook-air-15, macbook-pro-14, macbook-pro-16. Android sets take pixel-8-pro, galaxy-s24-ultra, galaxy-s26-ultra, galaxy-tab-s10, android-borderless-frame. Social sets take any of them. borderless-frame and android-borderless-frame show the screenshot without a phone frame. macbook-air-13, macbook-air-15, macbook-pro-14, macbook-pro-16 are MacBooks: HyperRealistic 3D only, the screenshot fills the display (a 16:10 Mac screenshot loses a sliver at the sides), the lid is set with foldAmount.
deviceId必填platformSetId必填Set the device color of a platform set. On a HyperRealistic (threeDFrame) set the device shows only its real finishes: pass one of the set's deviceColors ids (see the snapshot); a generic color (black, white, orange, silver, space-gray, blue, purple, red, green) picks the closest real finish.
color必填platformSetId必填Show or hide the notch on a platform set.
show必填platformSetId必填Enable or disable the squircle frame on a platform set.
enabled必填platformSetId必填Link or unlink matching text layers across platform sets.
enabled必填Rename the open project.
name必填Undo the last edit in the open editor.
無需輸入參數。
Redo the last undone edit in the open editor.
無需輸入參數。
Search Google Fonts by family name, category, or both. usable is true when the project can already use the family: a built-in editor font or one added with add_project_font.
limitquerycategoryAdd a Google Fonts family to the open project. Then use it as fontFamily on text layers or as font-family in card html. Built-in editor fonts need no adding.
family必填List assets or mascots saved on this account (not screenshots or backgrounds). Items with spriteSheet true have poses, crop rectangles for add_asset spriteCoordinate. Also returns one image of up to 10 items with each id beside its picture.
kind必填pagelimitReturn one saved asset or mascot in the same shape as a list_library item, including spriteSheet and poses. Also returns one image of each pose with its index drawn beside it.
imageId必填Generate an asset sprite with AI and save it to the account library. Spends credits. Returns imageUrl and poses like get_sprite, with a preview of each pose. Does not place it on a card.
promptqualityreferenceUrlGenerate a mascot sprite with AI and save it to the account library. Spends credits. Returns imageUrl and poses like get_sprite, with a preview of each pose. Does not place it on a card.
promptqualitypresetIdreferenceUrlGenerate an AI background for one card. Spends credits.
promptscreenshotId必填Update App Store or Google Play listing fields for the current language. Does not generate copy. Returns the names of the fields written.
appStoregooglePlayReturn one JPEG of every card in a platform set side by side, as the editor renders them. Use it to check your edits. Defaults to the first platform set.
platformSetIdPrepare an image upload for the open project. Returns a one-time uploadUrl. POST the image as multipart form field "file" to that URL. The response JSON url is the stored image. Use it with update_screenshot imageUrl, add_asset src, set_project_background, or img src and CSS url() inside add_div or update_div html. For card images, use type asset. The link works once; if the POST fails, call this tool again. Pass base64 only when you cannot make that HTTP request.
type必填base64filename必填Duplicate a screenshot and insert the copy immediately after it.
screenshotId必填Copy a screenshot onto another platform set.
screenshotId必填targetPlatformSetId必填Move a screenshot left or right within its platform set.
direction必填screenshotId必填Switch the open editor to a language that already exists on the project.
lang必填Add up to 5 languages by translating the open language with the same AI localize flow as the editor. Translates iOS and Android screenshot text and the store listing. Social screenshot text is copied unchanged. Spends credits. Does not switch the open language. Fails when the account cannot spend credits or a code is already on the project.
languages必填Add a platform set to the open project.
nameplatform必填Remove an extra platform set. The first set of each platform stays.
platformSetId必填Set or clear the project background image. Pass an empty imageUrl to clear it.
blurimageUrl必填Enable or disable the realistic device frame on a platform set. With threeD true the frame is a 3D device model (HyperRealistic) that also takes rotationX, rotationY, and rotationZ. 3D works on every device except borderless-frame and android-borderless-frame.
threeDenabled必填platformSetId必填Report a bug, an unexpected tool result, or a suggestion about these MCP tools, when you notice one.
kind必填message必填toolNameRate how well these MCP tools worked for the task you just finished, from 1 to 5 stars. Call it once per task.
stars必填comment已滿足適用檢查項的 100%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
claude mcp add --transport http app-screen-studio https://www.appscreenstudio.com/api/mcp \ --header "Authorization: Bearer YOUR_TOKEN"{ "mcpServers": { "app-screen-studio": { "url": "https://www.appscreenstudio.com/api/mcp", "headers": { "Authorization": "Bearer YOUR_TOKEN" } } }}[mcp_servers.app-screen-studio]url = "https://www.appscreenstudio.com/api/mcp"bearer_token_env_var = "APPSCREENSTUDIO_MCP_TOKEN"export APPSCREENSTUDIO_MCP_TOKEN="YOUR_TOKEN"gemini mcp add -t http -H "Authorization: Bearer YOUR_TOKEN" app-screen-studio https://www.appscreenstudio.com/api/mcp{ "mcpServers": { "app-screen-studio": { "httpUrl": "https://www.appscreenstudio.com/api/mcp", "headers": { "Authorization": "Bearer YOUR_TOKEN" } } }}{ "inputs": [ { "type": "promptString", "id": "appscreenstudio-token", "description": "AppScreenStudio MCP token (editor: Connect Your Agent, MCP Details)", "password": true } ], "servers": { "app-screen-studio": { "type": "http", "url": "https://www.appscreenstudio.com/api/mcp", "headers": { "Authorization": "Bearer ${input:appscreenstudio-token}" } } }}