Google Stitch MCP, Google's hosted Stitch server
Lets Cursor, Claude Code or Gemini CLI create, edit and fetch UI screens in your Google Stitch projects.
This is Google's own hosted server for Stitch, its AI UI design tool. It lets your coding assistant list your Stitch projects, generate new screens from a prompt, edit or vary existing ones, and apply a design system. You connect with an API key from Stitch Settings; there is nothing to install. New screens take a few minutes, so an early timeout does not mean the request failed.
Good for
- Developers who want their coding agent to pull a Stitch design and build it
- Designers and founders who generate app screens from a text prompt without leaving their editor
- Teams keeping colors, fonts and shapes consistent across screens with a shared design system
- Gemini CLI users who want a ready-made Stitch extension
Works in
4 supported · 10 should work
Tap an app to see how to set it up and any known problems.
Google's docs cover it: one claude mcp add command with your API key as a header.
Known problems
- Closed
Tool calls failed with an auth error even with the API key set, because Claude Code tried to sign in instead
Workaround: Update Claude Code to the latest version.
Reported Mar 2026 · GitHub
Google's docs cover it: add the address and your API key to .cursor/mcp.json. stitch.withgoogle.com
Google's docs cover it: add the address as an HTTP server, then put your API key in mcp.json. stitch.withgoogle.com
Google's docs cover it: install the Stitch extension for Gemini CLI, then add your Stitch API key. stitch.withgoogle.com
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Install Stitch MCP
Claude Code
- 1
Copy this prompt.
Add the Stitch MCP server to Claude Code. Run this command: claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: api-key" -s user Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires A Stitch API key (Stitch Settings, API Keys).
Replace api-key with your Stitch API key. -s user saves it to ~/.claude.json for all projects. If tool calls fail with "Incompatible auth server", update Claude Code. Google also documents a Google Cloud sign-in route with an hourly token, for setups that cannot store a key.
From the vendor's docs. Source.
Tools
Lists your Stitch projects
Shows all the Stitch projects you can reach, by default the ones you own; it can also show projects shared with you.
Try: “Show me my Stitch projects”
Read ·
list_projectsShows the details of one Stitch project
Fetches one project's details, including its screens, so the assistant can work with them.
Try: “Open my Fitness App project in Stitch and tell me what's in it”
Read ·
get_projectLists the screens in a project
Returns every screen inside a Stitch project.
Try: “List the screens in my checkout flow project”
Read ·
list_screensFetches one screen's details, such as its code and image
Retrieves a single screen from a project so the assistant can read it, for example to build it in your codebase.
Try: “Get the login screen from my Stitch project and build it in React”
Read ·
get_screenDesigns a new screen from your description
Creates a new UI screen in a project from a text prompt, using Gemini 3 Flash or Gemini 3.1 Pro. It usually takes a few minutes.
Try: “Design a mobile onboarding screen for a meditation app with a calm blue palette”
Write ·
generate_screen_from_textChanges existing screens from your instructions
Edits one or more screens in a project based on a text instruction. Like generation, it can take a few minutes.
Try: “Make the buttons on the home screen larger and add a search bar to the header”
Write ·
edit_screensCreates alternative versions of a screen
Generates design variants of existing screens, guided by your prompt and how many and how different you want them.
Try: “Give me three bolder variants of the pricing screen”
Write ·
generate_variantsCreates a new Stitch project
Makes a new, empty project to hold screens and frontend code.
Try: “Create a Stitch project called Recipe App”
Write ·
create_projectCreates a design system with colors, fonts and shapes
Sets up a new design system of colors, typography, shapes and appearance that can apply across screens.
Try: “Create a design system with a warm orange accent and rounded corners”
Write ·
create_design_systemLists the design systems in a project
Shows the design systems for a project, or global ones if no project is given.
Try: “Which design systems does my Recipe App project have?”
Read ·
list_design_systemsRestyles screens to match a design system
Applies a design system to chosen screens, changing their colors, fonts and shapes to match.
Try: “Apply my brand design system to all screens in this project”
Write ·
apply_design_systemChanges an existing design system
Updates the colors, fonts or other settings of a design system you already have.
Try: “Change the primary color in my design system to dark green”
Write ·
update_design_systemUploads a DESIGN.md file to a project
Sends a DESIGN.md file describing your design rules to a Stitch project, the first step before turning it into a design system.
Try: “Upload our DESIGN.md to the Recipe App project”
Write ·
upload_design_mdTurns an uploaded DESIGN.md into a design system
Builds a design system from a DESIGN.md file you uploaded and shows it in Stitch.
Try: “Create a design system from the DESIGN.md I just uploaded”
Write ·
create_design_system_from_design_md
From the official docs
Pros and cons
Good
- Made and hosted by Google, with nothing to install.
- Setup is one API key from Stitch Settings.
- Google's docs give exact steps for Cursor, VS Code, Claude Code, Gemini CLI and Antigravity.
- Generates screens with Gemini 3 Flash or Gemini 3.1 Pro.
- Design-system tools keep colors, fonts and shapes consistent across screens.
- No delete tools.
Watch out
- Generating or editing a screen takes a few minutes.
- No read-only mode.
- The API key sits in your config file and never expires on its own.
- The no-key sign-in route needs a Google Cloud project and a new token every hour.
- No setup steps from Google for ChatGPT or Claude Desktop.
Permissions
low risk · 3 things to watch
Low risk
The worst it can do is change or restyle screens in your Stitch projects, since it has no delete tools.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only mode
Watch out for
It can change your Stitch designs
Edit, variant and design-system tools change existing screens and projects. There are no delete tools. stitch.withgoogle.com
The API key never expires on its own
It works until you delete it in Stitch Settings. Keep it out of shared repos and project config files. stitch.withgoogle.com
Sign-in tokens expire every hour
With the Google Cloud sign-in method, the token lasts about an hour and you paste a new one into your config. stitch.withgoogle.com
Security advisories
No published security advisories as of Nov 1, 2026.
Technical details
| Talks to | Google (stitch.googleapis.com) |
|---|---|
| Sign-in and keys | Stitch API key in your client's config file as an X-Goog-Api-Key header, or an hourly Google Cloud access token. |
Alternatives
Use Google's hosted server: it needs only an API key and nothing to install. Pick stitch-sdk if you are building your own agent or need a local proxy to the same server.
| Server | Official | Runs | Sign-in | Weekly downloads |
|---|---|---|---|---|
| For Google Stitch | ||||
| Stitch MCP ServerThis page | Official | Hosted | API key | – |
| stitch-mcp | Community | Local | – | 462/wk |
| Other tools for the same job | ||||
| stitch-sdk | Community | Local | API key | 1.2K/wk |
Questions
What is the Stitch MCP server URL?
https://stitch.googleapis.com/mcp. You add it as a remote HTTP server and send your Stitch API key with it.
How do I get a Stitch API key?
Open Stitch Settings, scroll to API Keys and click Create API Key. Copy it somewhere safe; you paste it into your AI app's config.
Should I use an API key or Google sign-in?
Use the API key unless your rules forbid keeping secrets on disk. The sign-in route needs a Google Cloud project and the gcloud tool, and its token expires about every hour.
Do I need a Google Cloud project?
No, not with an API key. You only need your own Cloud project for the Google sign-in method.
Why does screen generation time out?
A new or edited screen normally takes a few minutes, so the connection can drop first. That does not mean it failed; ask the assistant to check the screen again a few minutes later instead of retrying.
Why does Claude Code say "Incompatible auth server"?
Older Claude Code versions tried to sign in instead of using the API key you set. Users report that updating Claude Code fixes it.
Can it delete my Stitch projects?
No. It has no delete tools, but it can edit screens, create variants and restyle screens with a design system.
Which models does it use to generate screens?
You can pick Gemini 3 Flash or Gemini 3.1 Pro when generating a screen.
Information
updated Nov 1, 2026
- Publisher
- Official
- Transport
- Streamable HTTP
- Auth
- API key
Other Google Stitch MCP servers
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 6Hide
- stitch.withgoogle.com · stitch.withgoogle.com
- github.com · github.com
- github.com · github.com
- stitch.withgoogle.com · stitch.withgoogle.com
- github.com · github.com
- github.com · github.com