← Back to directory

Stitch MCP

Community

Seamlessly bring AI-generated UI designs from Google's Stitch into your development workflow.

GitHub source repository ↗

★ 957 Stars Category · Dev Tools Very popular Source revision d8d055b02d76

46FMRS · D

Reliability

6/20

Security and permissions

8/20

Maintenance

8/20

Documentation

13/20

Setup experience

11/20

This MCP server provides a CLI toolkit to fetch AI-generated UI designs from Google Stitch, preview them locally or build sites, and also supports providing design context to coding agents via an MCP proxy. It is independent of Google, experimental, and users should assess risks themselves.

Read the FMRS scoring method →

stitch-mcp is a CLI tool for moving AI-generated UI designs from Google's Stitch platform into your local development environment. It allows you to preview designs locally, build Astro sites, and provides an MCP proxy server to give coding agents access to Stitch tools, integrating designs into your development workflow.

Tools

build_site

Builds a site from a project by mapping screens to routes, returning the design HTML for each page.

get_screen_code

Retrieves a screen and downloads its HTML code content.

get_screen_image

Retrieves a screen and downloads its screenshot image as base64.

Setup

Run directly with npx, no installation needed: npx @_davideast/stitch-mcp <command>. Or add the proxy to your MCP client config by adding the following to mcpServers:

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": ["@_davideast/stitch-mcp", "proxy"]
    }
  }
}

Then run npx @_davideast/stitch-mcp init for authentication and project setup.

claude_desktop_config.json

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": [
        "@_davideast/stitch-mcp",
        "proxy"
      ]
    }
  }
}

Generate and validate client config

Fit and risk

Best for

Designers and developers who want to integrate AI-generated UI designs into their development workflow.
Teams that want to use coding agents to quickly generate code based on designs.
Developers using MCP-supported IDEs like VS Code, Cursor, etc.

Not for

People who do not use Google Stitch or do not need integration with it.
Those seeking an officially supported Google solution (this tool is an independent experimental project).
Users who need a graphical interface for browsing designs (primarily CLI-based).

Required permissions

Access to Google Cloud project and enable Stitch API.
Run a Vite development server locally and build Astro projects.
Access terminal and file system to generate project files.

Risks and side effects

Experimental project, may not be maintained, or incompatible with future Stitch API versions.
Requires valid Google Cloud credentials; misconfiguration may lead to permission errors.
In headless environments (e.g., SSH, Docker), browser-based authentication may not work automatically; you need to manually copy the OAuth URL.

Troubleshooting

'Permission Denied' errors: Ensure you have Owner or Editor role, billing is enabled, and the Stitch API is enabled. Run `doctor --verbose` to diagnose.
Authentication URL not appearing: Check terminal for a URL starting with `https://accounts.google.com`, or check proxy debug logs.
API connection fails after setup: Run `doctor --verbose`, ensure billing is enabled and Stitch API is enabled; if issues persist, run `logout --force` and `init` again.

Use cases

Preview all screens from a Stitch project locally.

Generate an Astro static site from your designs.

Provide coding agents with design context to assist development.

Browse and manage design data from the terminal.

Supported clients

VS CodeFull support

CursorFull support

Claude CodeFull support

Gemini CLIFull support

CodexFull support

OpenCodeFull support

Related MCP servers

Compare with other MCP servers