Gemini CLI용 Stitch 확장 기능을 통해 자연어 명령어를 사용해 Stitch MCP(Model Context Protocol) 서버와 상호작용할 수 있습니다. 이로 인해 AI 기반 UI/UX 디자인 및 코드 생성 도구인 Stitch 내에서 디자인 프로젝트와 자산을 더 쉽게 관리할 수 있습니다.

✨ 특징

• ** 🎨 프로젝트 목록:** 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 Project가 있는지 확인하세요.

🚀 설치

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: