Skip to content
mcp/skillhub

AppScreenStudio MCP Server

by appscreenstudiocom.appscreenstudio/app-screen-studiov0.1.0

Design App Store and Google Play screenshots with your AI agent in the AppScreenStudio editor.

0remoteofficial registry

context tax

~8,576 tok/turn49 tools

security

pending

cold start

hosted

freshness

pending

Our reading of AppScreenStudio, from the data

AppScreenStudio is a design MCP server from appscreenstudio, listed in the official MCP Registry.

Its 49 tools add about 8,586 tokens to every model turn, heavier than the design median of 2,160 tokens across 28 measured servers (measured 2026-10-19).

With 0 GitHub stars it ranks #278 of 696 design servers we index.

It runs as a hosted endpoint, so there is nothing to install.

Install AppScreenStudio MCP server

Install in Claude Code

claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcp

Remote endpoints

  • streamable-httphttps://www.appscreenstudio.com/api/mcp

Context tax

Connecting this server adds ~8,586 tokens of tool definitions to every model turn (heavy, 49 tools). Measured 2026-10-19 via its hosted endpoint; o200k tokenizer, worst case for clients that load all tools up front. How we measure

ModelPer 1,000 turnsWith prompt caching
Claude Opus 5.5$34.34$1.72
Claude Sonnet 5.5$17.17$1.72
Claude Haiku 5.5$0.859—

Input prices as of 2026-10-06. Excludes your own prompt and output.

Tools (49)

  • update_screenshot871 tok

    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.

  • add_phone818 tok

    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.

  • update_phone789 tok

    Update an extra phone added with add_phone. Takes the same phone fields as update_screenshot. The main phone is edited with update_screenshot.

  • add_div661 tok

    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.

  • update_div413 tok

    Update a box layer on a card.

  • set_device383 tok

    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 M

  • update_text322 tok

    Update a text layer on a screenshot in the open editor.

  • add_text313 tok

    Add a text layer to a screenshot in the open editor.

  • add_asset266 tok

    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.

  • upload_image226 tok

    Prepare 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.

  • update_asset175 tok

    Update an image layer on a screenshot in the open editor.

  • generate_mascot169 tok

    Generate 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.

  • ai_translate161 tok

    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.

  • set_phone_color158 tok

    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.

  • get_editor_snapshot156 tok

    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.

  • list_library144 tok

    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.

  • set_realistic_frame134 tok

    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.

  • reorder_element131 tok

    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.

  • search_google_fonts129 tok

    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.

  • update_template_color122 tok

    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.

  • generate_asset122 tok

    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.

  • add_screenshot110 tok

    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.

  • add_project_font86 tok

    Add 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.

  • report_mcp_feedback85 tok

    Report a bug, an unexpected tool result, or a suggestion about these MCP tools, when you notice one.

  • rate_this_mcp78 tok

    Rate how well these MCP tools worked for the task you just finished, from 1 to 5 stars. Call it once per task.

  • get_sprite72 tok

    Return 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.

  • set_project_background71 tok

    Set or clear the project background image. Pass an empty imageUrl to clear it.

  • capture_platform_strip69 tok

    Return 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.

  • update_store_listing68 tok

    Update App Store or Google Play listing fields for the current language. Does not generate copy. Returns the names of the fields written.

  • move_screenshot66 tok

    Move a screenshot left or right within its platform set.

  • set_resolution65 tok

    Set the pixel size of a platform set.

  • set_squircle_frame62 tok

    Enable or disable the squircle frame on a platform set.

  • copy_screenshot62 tok

    Copy a screenshot onto another platform set.

  • remove_text61 tok

    Remove a text layer from a screenshot in the open editor.

  • remove_asset61 tok

    Remove an image layer from a screenshot in the open editor.

  • remove_div61 tok

    Remove a box layer from a screenshot in the open editor.

  • set_template60 tok

    Set the template of the open project.

  • add_platform_set60 tok

    Add a platform set to the open project.

  • set_show_notch59 tok

    Show or hide the notch on a platform set.

  • remove_phone58 tok

    Remove an extra phone added with add_phone.

  • generate_background57 tok

    Generate an AI background for one card. Spends credits.

  • remove_platform_set53 tok

    Remove an extra platform set. The first set of each platform stays.

  • duplicate_screenshot50 tok

    Duplicate a screenshot and insert the copy immediately after it.

  • set_language48 tok

    Switch the open editor to a language that already exists on the project.

  • remove_screenshot47 tok

    Remove a screenshot from the open editor.

  • set_link_texts46 tok

    Link or unlink matching text layers across platform sets.

  • rename_project39 tok

    Rename the open project.

  • redo36 tok

    Redo the last undone edit in the open editor.

  • undo35 tok

    Undo the last edit in the open editor.

Freshness

Not enough public signals yet to judge maintenance.

  1. Last commit (default branch)

    2026-10-18 · today · GitHub

  2. Latest release

    no data · GitHub

  3. Package published

    no data · npm/PyPI

  4. Registry entry updated

    2026-10-18 · today · official registry · v0.1.0

How it compares in Design

Against the most-starred design servers we index. Token cost is per model turn, measured from each server's live tool list.

ServerStarsToolsTokens / turnFreshnessRuns
AppScreenStudio (this)0498,576—hosted
Figma Developer16,007—not measuredSlowinglocal
Design System11,774—not measured—local
Magic6,105—not measuredActive—
Primer3,918—not measured—local
Dembrandt3,722—not measured—local
All design MCP servers

FAQ

›How do I install the AppScreenStudio MCP server in Claude Code?

Run: claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does AppScreenStudio require an API key?

No required environment variables are declared in its published metadata.

›Can I use AppScreenStudio as a remote (hosted) MCP server?

Yes. It is a hosted MCP server; connect to its URL with any client that supports remote MCP.

›Is AppScreenStudio in the official MCP registry?

Yes, as com.appscreenstudio/app-screen-studio.

›How many tokens does AppScreenStudio add to my context?

Its tool definitions total about 8,576 tokens, resent on every turn.

Sources and method

Official MCP Registry entry
updated 2026-10-18
GitHub repository
fetched 2026-10-19
Last checked against all sources
2026-10-19

The description, packages and links come from the maintainer's own published metadata. Token cost, security signals, freshness and the reading above are MCPSkillHub's own measurements; see the methodology. Spot an error? Request a correction or claim the listing.

Alternatives to AppScreenStudio

Other design MCP servers.

View all