Дизайн-системы
Stitch Design Taste
Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов.
Что это
Генерирует файл DESIGN.md, заточенный под генерацию экранов в Google Stitch. Он кодирует атмосферу, цвет, типографику, компоненты, раскладку, движение и явный список запрещённых паттернов.
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion,
Почему это важно для дизайна
- Экраны Stitch наследуют один акцентный цвет с насыщенностью ниже 80% вместо неоновых фиолетовых градиентов.
- Центрированные герои и три одинаковых ряда карточек запрещены сверх заданного порога разнообразия.
- Состояния загрузки и пустые экраны получают скелетоны и продуманную композицию вместо обычных спиннеров.
Что внутри
- Overview
- Prerequisites
- Analysis and synthesis instructions
- Output format
- Best practices
- Common pitfalls to avoid
Как установить
Stitch Design Taste
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/stitch-skill/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Опишите настроение проекта: скилл задаст показатели плотности, разнообразия и движения.
-
На выходе DESIGN.md из семи разделов с hex-кодами и функциональными ролями цвета.
-
Передайте этот файл в Stitch напрямую или через Stitch MCP-сервер.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. 
Фронтенд и UI Что он делает imagegen-frontend-web Генерирует по одному горизонтальному референсному изображению на каждую секцию лендинга. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.