Stitch MCP Server

Generate, extract, and manage UI designs using the Google Stitch API.

Data last scanned yesterday · Reviewed last month

329 tools★ 119JavaScriptApache-2.0

Overview

Stitch MCP Server integrates the Google Stitch API into AI-powered development environments like Cursor and Claude. It enables developers to extract design elements such as fonts and colors, download existing frontend code, or generate new interface screens directly from text prompts. The server requires a Google Cloud project with the Stitch API enabled and authenticates via Google Cloud application-default credentials. Once configured, it provides tools to organize workflows by managing project folders and screen listings, facilitating consistent UI/UX design cycles within an LLM-assisted coding workflow.

Our verdict

With a security score of 32/100, this server is classified as high-risk. This rating stems from the fact that it is a community-maintained project rather than an official tool, and it has not undergone editorial review. Furthermore, the repository shows limited activity, with the last commit occurring over five months ago. Developers should exercise caution and review the codebase before granting it access to sensitive Google Cloud projects.

Operates with only two direct dependencies
Provides a free-to-use interface via Google Stitch
Works across Windows, Mac, and Linux platforms

Community-maintained with no official vendor backing
Last code update occurred 165 days ago
Authentication and read-only mode have not been externally audited

Setup

Claude Desktop

{
  "mcpServers": {
    "stitch-mcp": {
      "args": [
        "-y",
        "stitch-mcp"
      ],
      "command": "npx"
    }
  }
}

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows), then restart Claude Desktop. Some servers require API keys or tokens as environment variables — check the project's README and add an "env" object if needed.

No read-only mode — running this grants full read/write access.
No built-in authentication — anyone with access to this config can invoke every tool it exposes.

Tools

Tool	Description	Risk
extract_design_context	Scans a screen to extract "Design DNA" (Fonts, Colors, Layouts).	low
fetch_screen_code	Downloads the raw HTML/Frontend code of a screen.	low
fetch_screen_image	Downloads the high-res screenshot of a screen.	low
generate_screen_from_text	Generates a NEW screen based on your prompt (and context).	medium
create_project	Creates a new workspace/project folder.	medium
list_projects	Lists all your available Stitch projects.	low
list_screens	Lists all screens within a specific project.	low
get_project	Retrieves details of a specific project.	low
get_screen	Gets metadata for a specific screen.	low

Compatibility

Client	Local	Docker	Remote	Read-only
ChatGPT
Claude Desktop
Cursor
VS Code
Windsurf

Frequently asked questions

›What are the infrastructure requirements for using this server?

You must have a Google Cloud project with the Stitch API enabled and the service enabled via the command line using gcloud beta services mcp enable stitch.googleapis.com.

›How do I provide the server with necessary authentication permissions?

You must run gcloud auth application-default login to provide the server with the necessary permissions to access Google services on your behalf.

›Does this server require complex configuration files?

The server features zero-config operation after the initial login, though you must define the GOOGLE_CLOUD_PROJECT environment variable in your MCP configuration file.

›Which operating systems are supported?

The Stitch MCP server is cross-platform and supports Windows, Mac, and Linux.