# AppScreenStudio

Connects your coding assistant to the browser graphic canvas to build App Store and Google Play mockups. Handy for mobile teams creating store visuals.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: appscreenstudio
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/appscreenstudio/appscreenstudio-mcp
- Updated: 2026-10-18
- HTML: https://affpapa.org/en/nevibecode/mcp/appscreenstudio

## What it does

This hosted server links an MCP assistant to the web canvas on appscreenstudio.com over HTTP. Once hooked up, the agent can inspect the active scene, place device frames for iPhone or Android, modify text layers, and apply Google Fonts. Edits show up immediately on the visual canvas.

The toolset covers card creation, multi-phone placement, AI-assisted background rendering, and store listing metadata editing. You can roll back mistakes instantly using built-in undo and redo calls.

Without an active browser tab, every command will fail. The remote server dispatches instructions straight to your live session, so closing the tab immediately triggers a connection error. You must keep the project open and supply an account Bearer token.

## Requirements
- Remote server: `https://www.appscreenstudio.com/api/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add appscreenstudio --url https://www.appscreenstudio.com/api/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "appscreenstudio": {
            "url": "https://www.appscreenstudio.com/api/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "appscreenstudio": {
            "type": "http",
            "url": "https://www.appscreenstudio.com/api/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http appscreenstudio https://www.appscreenstudio.com/api/mcp
```

## When to use it
- assemble store screenshot sets for iOS and Android
- insert smartphone frames and align application captures
- translate headline copy across several localized layouts
- create graphic backgrounds and decorative assets with AI

## Example prompts
- Update the primary headline on card 1 to 'Habit Tracker Pro' and switch the font to Inter.
- Switch all device frames across this set to the latest iPhone in dark finish.
- Generate a soft blurred backdrop for the second screenshot and render a preview strip.

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36427
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6144
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md