stitch-mcp
Overview

stitch-mcp Documentation

Guide hub for stitch-mcp — move AI-generated UI designs into your development workflow.

stitch-mcp Documentation

stitch-mcp is a CLI for moving AI-generated UI designs from Google’s Stitch platform into your development workflow. It previews designs locally, builds sites from them, and feeds design context to coding agents through an MCP proxy.

Reading paths

Pick the path that matches what you’re trying to do:

Give your coding agent design context

  1. Set up authentication
  2. Connect your agent
  3. Use Stitch tools in agents

Build agent skills with Stitch data

  1. Set up authentication
  2. Connect your agent
  3. Use Stitch tools in agents
  4. Understand Agent Skills
  5. Build an Agent Skill

Preview and build from designs locally

  1. Set up authentication
  2. Preview designs
  3. Build a site

Extend Stitch with custom tools

  1. Tool Catalog — see what’s built in
  2. Virtual Tools reference
  3. Build a Virtual Tool

Guides

GuideWhat it covers
SetupAuthentication, environment configuration, and verifying your install
Connect your agentMCP config for Claude Code, VS Code, Cursor, Gemini CLI, Codex, OpenCode, and Antigravity
Connection ModesProxy vs direct architecture, comparison, and when to use each
Use Stitch tools in agentsPrompting patterns and debugging workflows
Agent SkillsWhat Agent Skills are, why they pair with Stitch, and existing skills
Build an Agent SkillSKILL.md format, directory structure, and creating your own
Tool CatalogSchemas, return types, and parameters for all Stitch tools
Virtual ToolsInterface reference, client API, and conventions for building virtual tools
Build a Virtual ToolCreating, registering, and testing custom virtual tools
Preview designsLocal dev server, terminal browser, and resource viewer
Build a siteAstro site generation from screen-to-route mappings
TroubleshootingCommon errors, diagnosis with doctor, and environment workarounds
Command referenceAll commands, flags, and environment variables

Prerequisites

  • Node.js 18+
  • A Google Cloud project with billing enabled
  • A Stitch account with at least one project

Quick start

TERMINAL
npx @_davideast/stitch-mcp init

See the README for a condensed overview.