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

giuseppe-trisciuoglio/developer-kit

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

Установка

npx -y skills add giuseppe-trisciuoglio/developer-kit --skill shadcn-ui --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

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