Помощник для shadcn/ui с пониманием copy-paste философии: просматривает каталог, подтягивает исходники компонентов и следует официальным паттернам.

Stitch Design Skills

Коллекция агент-скиллов и плагинов для Google Stitch, следующая открытому стандарту Agent Skills. Совместима с Codex, Antigravity, Gemini CLI, Claude Code и Cursor.

Установка

# Claude Code — установить в текущий проект
npx plugins add google-labs-code/stitch-skills --scope project --target claude-code

# Cursor — установить в текущий workspace
npx plugins add google-labs-code/stitch-skills --scope workspace --target cursor

# Выборочная установка скиллов
npx skills add google-labs-code/stitch-skills

Требование: необходимо настроить и запустить Stitch MCP сервер в среде вашего агента.

Доступные плагины

Design (`stitch-design`)

Основные дизайн-воркфлоу для создания, управления и оптимизации дизайнов в Stitch.

Скилл	Описание
`stitch::code-to-design`	Конвертация фронтенд-кода (React, Vue и др.) в Stitch Design через извлечение HTML + дизайн-система + загрузка
`stitch::generate-design`	Генерация новых экранов из текста или изображений, редактирование существующих, создание вариантов дизайна
`stitch::manage-design-system`	Управление дизайн-системами в Stitch — загрузка DESIGN.md и применение тем к экранам
`stitch::extract-design-md`	Извлечение полноценного DESIGN.md напрямую из исходного кода фронтенда
`stitch::extract-static-html`	Извлечение самодостаточного статического HTML из работающих веб-приложений с инлайнингом CSS и изображений
`stitch::upload-to-stitch`	Загрузка локальных ассетов (изображения, мокапы, HTML) в Stitch-проект

Build (`stitch-build`)

Генерация кода, интеграция фреймворков и компиляция ассетов из Stitch-дизайнов.

Скилл	Описание
`stitch::react-components`	Конвертация Stitch-экранов в React компоненты с валидацией и последовательностью дизайн-токенов
`remotion`	Генерация walkthrough-видео из Stitch-проектов с плавными переходами и зумом (Remotion)
`react-native`	Конвертация Stitch HTML-дизайнов в продакшн-готовые React Native компоненты
`shadcn-ui`	Экспертное руководство по интеграции и созданию приложений с shadcn/ui компонентами

Utilities (`stitch-utilities`)

Вспомогательные инструменты для улучшения промптов, генерации дизайн-спецификаций и соблюдения стандартов.

Скилл	Описание
`design-md`	Анализ Stitch-проектов и генерация полноценных DESIGN.md файлов
`enhance-prompt`	Преобразование размытых UI-идей в отполированные, оптимизированные для Stitch промпты
`stitch-loop`	Генерация полноценных многостраничных сайтов из одного промпта с автоматической валидацией
`taste-design`	Генерация DESIGN.md файлов с жёсткими стандартами против дженерик UI

shadcn-uiкомпоненты shadcn/ui по copy-paste

Установка

Stitch Design Skills

Установка

Доступные плагины

Design (`stitch-design`)

Build (`stitch-build`)

Utilities (`stitch-utilities`)

Из того же репозитория

shadcn-uiкомпоненты shadcn/ui по copy-paste

Установка

Stitch Design Skills

Установка

Доступные плагины

Design (stitch-design)

Build (stitch-build)

Utilities (stitch-utilities)

Из того же репозитория

Design (`stitch-design`)

Build (`stitch-build`)

Utilities (`stitch-utilities`)