design-mdDESIGN.md для Google Stitch

google-labs-code/stitch-skills

Анализирует существующие Stitch проекты и генерирует DESIGN.md файлы для консистентности дизайна между экранами в Google Stitch.

Google Stitch DESIGN.md дизайн консистентность экраны AI дизайн

Установка

npx -y skills add google-labs-code/stitch-skills --skill design-md --agent claude-code

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