M
MCP Directory CURATED DIRECTORY
911 MCP servers indexed
中文
← Back to directory
S

Stitch MCP

Community
Seamlessly bring AI-generated UI designs from Google's Stitch into your development workflow.
How to install ↓ Compare GitHub source repository ↗
Category
Dev Tools #295 of 438
Stars
★ 979 Very popular
Transport
stdio (local process)
Runtime
Node.js
Credentials
API key / credential required
License
Apache-2.0
Last commit
Tools
3
46FMRS · D

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.

Strongest · Documentation 13/20 Weakest · Reliability 6/20

Reliability
6/20
Security and permissions
8/20
Maintenance
8/20
Documentation
13/20
Setup experience
11/20
Why each score
Reliability 6/20
No executable evidence like CI workflows or committed tests are visible in the repository listing. The commands (serve, site, proxy) appear plausible, but error handling and edge cases are not documented. We deduct because key paths may not be thoroughly tested or documented.
Security and permissions 8/20
Authentication is handled via OAuth or API key, with explicit logout commands. However, details on token storage, scopes, and external network interactions are sparse. There are no clear dangerous default actions, but lack of disclosure on data flow and least privilege prevents a higher score.
Maintenance 8/20
The repository is active with 951 stars and 10 open issues, not archived. Apache-2.0 license present. However, commit frequency, issue response time, or dependency update cadence are not provided, leading to a minor deduction.
Documentation 13/20
README includes detailed commands, environment variables, troubleshooting, and quick start examples. However, tool parameters are not fully documented (except for some like build_site). Limitations are explicitly stated, but cost information is missing. Overall, documentation is good but has gaps such as API limits and error codes.
Setup experience 11/20
There are clear installation steps via npx or global install. Client configuration examples provided for several popular clients. However, the complexity of gcloud authentication and the potential for OAuth to fail in headless environments adds friction. Setup may be manual and fragile, hence the deduction.

Static review · not runListed 2026-08-07

Read the FMRS scoring method →

Fit and risk

What it can accessUses the network

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.

Setup

Before you start

Runtime：Node.js

STITCH_API_KEY optionalsecret Stitch platform API key that skips OAuth; obtain via the init wizard or your Google Cloud project.
STITCH_ACCESS_TOKEN optionalsecret Pre-existing Stitch access token, removing the need for the auth flow.
Other optional settings (4)
STITCH_USE_SYSTEM_GCLOUD optional Set to 1 to use your system gcloud config instead of the bundled isolated one, for users already logged in with gcloud.
STITCH_PROJECT_ID optional Overrides the default Google Cloud project ID used.
GOOGLE_CLOUD_PROJECT optional Alternative variable for specifying the project ID.
STITCH_HOST optional Custom Stitch API endpoint address.

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.

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

Shown for Cursor. Other clients may use a different file or key (VS Code uses "servers") — the configurator below converts it.

.vscode/mcp.json
{
  "servers": {
    "stitch": {
      "command": "npx",
      "args": [
        "@_davideast/stitch-mcp",
        "proxy"
      ]
    }
  }
}

Goes in your project's .vscode/mcp.json (VS Code uses a "servers" key).

Terminal
claude mcp add stitch -- npx @_davideast/stitch-mcp proxy

Run it in a terminal; replace any <…> placeholders with your own values first.

Generate and validate client config

Check that it works

After adding the stitch server to your MCP client, the tool list should show build_site, get_screen_code, and get_screen_image; you can also run npx @_davideast/stitch-mcp doctor to verify configuration health.

Troubleshooting

  1. 'Permission Denied' errors: Ensure you have Owner or Editor role, billing is enabled, and the Stitch API is enabled. Run `doctor --verbose` to diagnose.
  2. Authentication URL not appearing: Check terminal for a URL starting with `https://accounts.google.com`, or check proxy debug logs.
  3. 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.

Things to try

Once connected, you can ask your AI assistant things like:

  • Build a site from project 123456 mapping the home screen to / and the about screen to /about
  • Get the HTML code for screen abc
  • Get the screenshot image for screen abc
  • Show me the screens in my Stitch project and download the homepage code

Tools 3

build_site writes
Builds a site from a project by mapping screens to routes, returning the design HTML for each page.
get_screen_code read-only
Retrieves a screen and downloads its HTML code content.
get_screen_image read-only
Retrieves a screen and downloads its screenshot image as base64.

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 Code
Cursor
Claude Code
Gemini CLI
Codex
OpenCode

Listed from the project's documentation, not tested by this site.

Overview

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.

Similar servers

Context7 80 · B

Upstash's official server providing up-to-date third-party library docs for AI coding assistants

★ 62.9k · Tools 2 Compare with this →
Compare with other MCP servers

Source revision d8d055b02d76 Data synced 2026-10-12 Read the FMRS scoring method