stitch-skills: набор от google-labs-code

design-md официальный google-labs-code скилл Скилл выгружает экраны из Google Stitch через MCP-сервер и собирает файл DESIGN.md с описанием дизайн-системы, цветов и компонентов. Claude Code CX Codex Cursor +1 64 700установок enhance-prompt официальный google-labs-code скилл Превращает неточные идеи интерфейса в детальные промпты для Google Stitch. Скилл подтягивает дизайн-систему из DESIGN.md и расписывает структуру экрана. Claude Code CX Codex Cursor +1 58 300установок stitch-loop официальный google-labs-code скилл Организует автономную сборку страниц через Stitch MCP. Агент берёт задачу из файла-эстафеты, создаёт экран, переносит код в проект и сразу пишет задание для следующей итерации. Claude Code CX Codex Cursor +1 56 300установок shadcn-ui официальный google-labs-code скилл Помогает находить, добавлять и настраивать компоненты shadcn/ui в React-проектах. Пригодится для сборки интерфейсов с Tailwind CSS. Claude Code CX Codex Cursor +1 53 400установок stitch::react-components официальный google-labs-code скилл Превращает дизайны Stitch в компоненты React с Vite. Также синхронизирует существующие компоненты с обновлёнными макетами. Claude Code CX Codex Cursor +1 50 400установок remotion официальный google-labs-code скилл Собирает экраны проекта Stitch в ролик на Remotion с переходами, приближением и текстовыми подписями. Пригодится для демонстрации интерфейса по шагам. Claude Code CX Codex Cursor +1 41 300установок taste-design официальный google-labs-code скилл Скилл формирует файл DESIGN.md для Google Stitch, задавая строгие дизайн-правила против шаблонных интерфейсов. Помогает настроить типографику, палитру и микроанимации для генерации экранов. Claude Code CX Codex Cursor +1 20 100установок stitch::generate-design официальный google-labs-code скилл Скилл превращает текстовое описание или картинку в готовый экран интерфейса через Stitch MCP, а потом правит его точечными промптами. Claude Code CX Codex Cursor +1 10 700установок stitch::extract-design-md официальный google-labs-code скилл Извлекает дизайн-систему в файл DESIGN.md прямо из исходников фронтенда без сборки проекта. Помогает перенести визуальные токены и правила вёрстки в формат Stitch. Claude Code CX Codex Cursor +1 10 500установок stitch::manage-design-system официальный google-labs-code скилл Управляет дизайн-системой Stitch через MCP-инструменты: извлекает данные экранов, создаёт токены и применяет их к выбранным экранам. Claude Code CX Codex Cursor +1 10 200установок stitch::code-to-design официальный google-labs-code скилл Переносит существующий фронтенд в Stitch: извлекает HTML и дизайн-систему, затем загружает их в проект. Пригодится для работы с уже готовыми страницами и компонентами. Claude Code CX Codex Cursor +1 10 100установок stitch::upload-to-stitch официальный google-labs-code скилл Скилл отправляет локальные изображения, макеты, разметку и HTML-страницы в проект Stitch напрямую по HTTP в обход ограничений вывода инструментов MCP. Claude Code CX Codex Cursor +1 9 900установок stitch::extract-static-html официальный google-labs-code скилл Скилл сохраняет отрендеренную страницу как автономный HTML-файл, встраивая стили и изображения. Пригодится для передачи статичного экрана или подготовки страницы к загрузке в Stitch. Claude Code CX Codex Cursor +1 9 900установок react-vite-dashboard официальный google-labs-code скилл Скилл превращает макеты из Stitch в рабочий код дашборда на React и Vite. Он связывает дизайн-токены из DESIGN.md с кодом и подключает выборку данных через TanStack Query. Claude Code CX Codex Cursor +1 5 400установок site-md официальный google-labs-code скилл Скилл разбирает бриф или описание проекта и формирует файл .stitch/SITE.md для рабочего цикла Stitch Build Loop. Claude Code CX Codex Cursor +1 3 600установок