Gemini CLI 的 Stitch 扩展使你能够使用自然语言命令与 Stitch MCP（模型上下文协议）服务器交互。这使得在 Stitch 这一由 AI 驱动的 UI/UX 设计和代码生成工具中管理设计项目和资源变得更容易。

✨ 特色

• ** 🎨 列表项目：** 查看您的 Stitch 项目列表。
• ** 🎨 项目详情：** 获取特定项目的详细信息。
• ** 🎨 检索屏幕：** 访问给定项目内的所有屏幕。
• ** 🎨 下载资源：** 下载诸如图片和HTML文件等资源。
• ** 🎨 从文本生成屏幕：** 通过文本提示生成新屏幕，使用 Gemini 3 Pro 或 Gemini 3 Flash（默认）型号。
• ** 🎨 更多专题即将推出…**

📋 先修条件

在使用该扩展之前，请确保你已安装以下内容：

1. 双子座CLI：

• 安装Gemini CLI（v0.19.0或更新版本）。
• 安装说明请参阅 Gemini CLI 文档。

2. gcloud CLI：（可选，推荐用于ADC认证）

• 安装并初始化 gcloud CLI。
• 确保你有一个可以与Stitch一起使用的Google Cloud项目。

🚀 安装

Stitch Extension for Gemini CLI

The Stitch extension for Gemini CLI enables you to interact with the Stitch MCP (Model Context Protocol) server using natural language commands. This makes it easier to manage your design projects and assets within Stitch, the AI-powered UI/UX design and code generation tool.

✨ Features

• 🎨 List Projects: View a list of your Stitch projects.
• 🎨 Project Details: Get detailed information about a specific project.
• 🎨 Retrieve Screens: Access all screens within a given project.
• 🎨 Download Assets: Download assets such as images and HTML files.
• 🎨 Generate Screen From Text: Generate new screens from text prompt, using Gemini 3 Pro or Gemini 3 Flash(default) models.
• 🎨 More features coming soon…

📋 Prerequisites

Before using this extension, ensure you have the following installed:

1. Gemini CLI:

   • Install the Gemini CLI (v0.19.0 or newer).
   • Refer to Gemini CLI Documentation for installation instructions.

2. gcloud CLI: (Optional, recommended for ADC authentication)

   • Install and initialize the gcloud CLI.
   • Ensure you have a Google Cloud Project to use with Stitch.

🚀 Installation

Run the following command in your terminal to install the Stitch extension:

gemini extensions install https://github.com/gemini-cli-extensions/stitch --auto-update

🔐 Configuration & Authentication

To use the Stitch extension, you need to configure authentication. The Stitch MCP server supports two authentication methods:

• API Key Authentication: Simpler to set up. Use an API key generated from Stitch settings, powered by Google Cloud Managed Projects. Ideal for personal use and quick setup.
• Application Default Credentials (ADC): Uses Google Cloud credentials for authentication. Requires your own Google Cloud project with proper IAM permissions, needs multiple manual steps to set up.

Choose one method below based on your needs.

1. Authenticate with Auth API Key

1. Get API Key:

   • Go to Stitch.
   • Click on your profile icon in the top-right corner.
   • Select “Stitch Settings” from the dropdown menu.
   • Go to the “API Keys” section.
   • Click on “Create Key”.
   • Copy the generated API key.

2. Configure Extension: Run the following commands to configure your API key (replace your-api-key-here with your actual API key):

   export API_KEY="your-api-key-here"
   sed "s/YOUR_API_KEY/$API_KEY/g" ~/.gemini/extensions/Stitch/gemini-extension-apikey.json > ~/.gemini/extensions/Stitch/gemini-extension.json
   

2. Authenticate with Application Default Credentials (ADC)

1. Login to gcloud:

   gcloud auth login
   

2. Configure Project and Quota: