Stitch Extension for Gemini CLI MCP
Расширение Gemini CLI для Google Stitch: команда /stitch показывает проекты и экраны, скачивает картинки и HTML и генерирует экраны по тексту
- 479 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Расширение ходит в удаленный сервис Google и отправляет ему описания продукта и запросы на генерацию
- Ключ API или учетные данные Google открывают доступ к вашим проектам и экранам Stitch
Установка
- Работает в
Ручная установка
gemini extensions install https://github.com/gemini-cli-extensions/stitch --auto-updateНужен Gemini CLI 0.19.0 или новее. Затем настройте вход по ключу API или через ADC.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Расширение ходит в удаленный сервис Google и отправляет ему описания продукта и запросы на генерацию
- Ключ API или учетные данные Google открывают доступ к вашим проектам и экранам Stitch
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Расширение подключает Gemini CLI к MCP-серверу Google Stitch, ИИ-сервису для проектирования интерфейсов и генерации кода. После установки в терминале появляется команда /stitch, и на нее можно писать обычными фразами. Агент показывает ваши проекты Stitch, раскрывает детали одного проекта по номеру и перечисляет все его экраны. Из экрана можно скачать картинку или HTML-файл. Новые экраны агент делает по текстовому описанию с помощью моделей Gemini 3 Flash по умолчанию или Gemini 3 Pro, если назвать ее в запросе. Есть и режим улучшения запроса: расширение переписывает набросок вроде «лендинг для подкаста про дизайн и ИИ» в более подробное описание. Сервер удаленный и бесплатный, ему отвечает адрес https://stitch.googleapis.com/mcp. Войти можно по ключу API из настроек Stitch или через Application Default Credentials в собственном проекте Google Cloud.
Для кого. Для дизайнеров и фронтенд-разработчиков, которые работают в Google Stitch и хотят управлять проектами и экранами из терминала через Gemini CLI.
Подходит, если
- Нужно быстро увидеть все проекты Stitch и экраны одного из них, не открывая веб-интерфейс
- Макет готов в Stitch, и его HTML или картинку требуется забрать в репозиторий для верстки
- Хочется набросать мобильное приложение по текстовому описанию и выбрать модель Gemini 3 Pro для сложного экрана
- Короткое описание лендинга надо превратить в подробный запрос: команда улучшения запроса сделает это
- Нужен доступ по ключу API для личного использования без настройки проекта Google Cloud
Не подходит, если
- Вы работаете в Claude Code или Cursor: расширение рассчитано на Gemini CLI версии 0.19.0 и новее, для других агентов у Stitch есть отдельные скиллы
- Нужно вручную править макет с точностью до пикселя: расширение читает, скачивает и генерирует экраны, редактором оно не служит
- Нужны экраны без доступа в сеть: сервер удаленный
- Политика компании запрещает передавать описания продукта сервисам Google: запросы уходят в Stitch
- Нужны уже готовые компоненты на React: расширение отдает экраны, HTML и картинки
Пример запроса к агенту
/stitch Покажи мои проекты, возьми экраны проекта про приложение для лыжников и скачай HTML первого экранаMCP
- Транспорт
- http
- Авторизация
- API-ключ
Переменные окружения
API_KEYобязательная, секрет- Ключ API из настроек Stitch, в расширении подставляется на место YOUR_API_KEY
Ограничения
Расширение работает только в Gemini CLI версии 0.19.0 или новее. Вход настраивается вручную одним из двух способов. По ключу API из настроек Stitch нужно подставить ключ в файл ~/.gemini/extensions/Stitch/gemini-extension.json командой sed. Через Application Default Credentials требуется свой проект Google Cloud: войти через gcloud, включить сервис stitch.googleapis.com, выдать роль roles/serviceusage.serviceUsageConsumer и подставить идентификатор проекта.
Набор функций пока небольшой: список проектов, детали, экраны, скачивание и генерация. Автор обещает добавить остальное позже. Использование регулируется условиями Google, настройками Stitch и политикой конфиденциальности Stitch. Доступность Stitch из России автор не описывает.
Как отключить. Удалите расширение командой gemini extensions uninstall Stitch. Ключ API, который вы подставили в gemini-extension.json, исчезнет вместе с папкой расширения. Сам ключ можно отозвать в настройках Stitch, раздел API Keys.
Частые вопросы
Как установить расширение Stitch в Gemini CLI?
Выполните gemini extensions install https://github.com/gemini-cli-extensions/stitch --auto-update. Затем настройте вход: подставьте ключ API из настроек Stitch в gemini-extension.json или пройдите вход через Application Default Credentials. После запуска gemini проверьте команды через /mcp list.
Платный ли Stitch MCP?
Нет, Stitch MCP предоставляется бесплатно. Условия использования определяют Google Terms and Use Policy, условия Google APIs и ваши настройки Stitch.
Какой способ входа выбрать: ключ API или ADC?
Ключ API проще: создайте его в Stitch, раздел Stitch Settings, затем API Keys. Автор советует его для личного использования и быстрого старта. ADC нужен, если вы работаете в собственном проекте Google Cloud, но требует нескольких ручных шагов и роли serviceUsageConsumer.
Какими моделями генерируются экраны?
Gemini 3 Flash по умолчанию. Чтобы использовать Gemini 3 Pro, назовите ее в запросе, например «используя Gemini 3 Pro».
Чем расширение отличается от скиллов Stitch для других агентов?
Расширение подключает Gemini CLI к MCP-серверу Stitch и работает через команду /stitch. Скиллы Stitch, которые собирает отдельный репозиторий, ставятся как плагины и помогают агентам генерировать экраны и переносить код в дизайн.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыТри плагина со скиллами для Google Stitch: генерация экранов, перенос кода в дизайн и сборка React из макетов
Story UI
story-ui
Генерация историй Storybook с ИИ для любого фреймворка и дизайн-системы, есть сервер MCP. Нужен ключ Anthropic, OpenAI или Gemini, код уходит поставщику
Официальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Из блога
Коротко о README
Документ перечисляет возможности расширения: список проектов, детали, экраны, скачивание ресурсов и генерация экранов по тексту. Дальше идут предварительные требования, одна команда установки и два способа входа с пошаговыми инструкциями для ключа API и для Application Default Credentials. Раздел использования показывает примеры запросов с префиксом /stitch, в том числе скачивание ресурсов и улучшение запроса. В конце сказано, что сервис бесплатен, и приведены ссылки на ресурсы и юридические условия Google.