Stitch
The Stitch extension for Gemini CLI enables you to interact with the Stitch MCP server using natural language commands.
What is Stitch?
Stitch is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to stitch extension for gemini cli enables you to interact with the stitch mcp server using natural language commands.
The Stitch extension for Gemini CLI enables you to interact with the Stitch MCP server using natural language commands.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- The Stitch extension for Gemini CLI enables you to interact
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx stitchConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Stitch
The Stitch extension for Gemini CLI brings Google's Stitch AI-powered UI/UX design service into your terminal through natural language commands. It allows you to list design projects, browse screens, download image and HTML assets, and generate entirely new screens or mobile app designs by describing them in plain text — all without leaving the CLI. Designers and front-end developers use it to rapidly prototype interfaces, iterate on existing Stitch projects, and generate visual assets programmatically as part of an AI-driven design workflow.
Prerequisites
- Gemini CLI version 0.19.0 or newer installed
- A Google account with access to Stitch (stitch.withgoogle.com)
- Either a Stitch API key or Google Application Default Credentials (ADC) with a GCP project that has the Stitch API enabled
- gcloud CLI installed if using the ADC authentication flow
Install the Stitch extension for Gemini CLI
Run the gemini extensions install command with the repository URL. The --auto-update flag keeps the extension current.
gemini extensions install https://github.com/gemini-cli-extensions/stitch --auto-updateAuthenticate with an API key (simpler method)
Export your Stitch API key and use the provided sed command to write it into the extension's configuration file. This is the recommended approach for personal use.
export API_KEY="your-stitch-api-key-here"
sed "s/YOUR_API_KEY/$API_KEY/g" \
~/.gemini/extensions/Stitch/gemini-extension-apikey.json \
> ~/.gemini/extensions/Stitch/gemini-extension.jsonAuthenticate with Application Default Credentials (team/enterprise)
If you prefer ADC, configure your GCP project, enable the Stitch API, and run gcloud auth. Replace YOUR_PROJECT_ID with your actual GCP project ID.
export PROJECT_ID="your-gcp-project-id"
gcloud config set project $PROJECT_ID
gcloud beta services mcp enable stitch.googleapis.com --project=$PROJECT_ID
gcloud auth application-default login
sed "s/YOUR_PROJECT_ID/$PROJECT_ID/g" \
~/.gemini/extensions/Stitch/gemini-extension-adc.json \
> ~/.gemini/extensions/Stitch/gemini-extension.jsonVerify the extension is active
Start Gemini CLI and invoke the extension with the /stitch prefix to confirm it is loaded and authenticated.
gemini
/stitch What Stitch projects do I have?Generate a new design with a text prompt
Use a descriptive prompt to generate screens using Gemini 3 Pro or Flash as the generative backend. Stitch will return image assets and HTML for the generated screens.
Stitch Examples
Client configuration
The Stitch extension uses Gemini CLI's native extension mechanism rather than a standard MCP JSON config. Install and configure via the CLI commands shown in the steps above. For reference, the underlying config template path after installation is shown below.
# After install, config lives at:
~/.gemini/extensions/Stitch/gemini-extension.json
# Gemini CLI invocation (no separate mcpServers JSON needed):
gemini extensions install https://github.com/gemini-cli-extensions/stitch --auto-updatePrompts to try
Natural language commands to use inside Gemini CLI with the /stitch prefix.
- "/stitch What Stitch projects do I have?"
- "/stitch Tell me details about my project abc123"
- "/stitch Give me all the screens of project abc123"
- "/stitch Download the image of screen xyz789"
- "/stitch Design a mobile app for people who love skiing in the Alps, using Gemini 3 Pro"Troubleshooting Stitch
Extension not found or '/stitch' command unrecognised
Ensure Gemini CLI is version 0.19.0 or newer ('gemini --version'). Re-run the install command and restart the CLI. The extension directory must exist at ~/.gemini/extensions/Stitch/.
Authentication fails with 'API key invalid'
Verify that gemini-extension.json was written correctly by the sed command and contains your actual key, not the placeholder 'YOUR_API_KEY'. Run 'cat ~/.gemini/extensions/Stitch/gemini-extension.json' to inspect the file.
ADC authentication returns permission denied on Stitch API
Confirm the Stitch API is enabled for your project: 'gcloud beta services list --project=$PROJECT_ID | grep stitch'. Also run 'gcloud auth application-default set-quota-project $PROJECT_ID' to associate billing with the correct project.
Frequently Asked Questions about Stitch
What is Stitch?
Stitch is a Model Context Protocol (MCP) server that stitch extension for gemini cli enables you to interact with the stitch mcp server using natural language commands. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Stitch?
Follow the installation instructions on the Stitch GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Stitch?
Stitch works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Stitch free to use?
Yes, Stitch is open source and available under the Apache-2.0 license. You can use it freely in both personal and commercial projects.
Stitch Alternatives — Similar Developer Tools Servers
Looking for alternatives to Stitch? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Stitch in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Stitch?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.