Фронтенд и UI
gpt-taste
Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот.
Что это
Фронтенд-директива, которая задаёт разнообразие макета через симулированный случайный выбор героя, типографики, компонентов и парадигм GSAP. Также требует структуру страницы по модели AIDA и крупные отступы между секциями.
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP Scro
Почему это важно для дизайна
- Заголовок героя остаётся в две-три строки: контейнер расширяется, а не превращается в стену текста.
- Бенто-сетки используют grid-flow-dense, поэтому ни одна ячейка не остаётся пустой или сломанной.
- Дешёвые мета-лейблы запрещены, а контраст текста на кнопках проверяется перед выдачей.
Что внутри
- Python-driven true randomization
- AIDA structure and spacing
- Hero architecture and the 2-line iron rule
- The gapless bento grid
- Advanced GSAP motion and hover physics
- Content, assets and strict bans
Как установить
gpt-taste
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/gpt-tasteskill/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Попросите страницу: скилл сначала выдаст блок design_plan, а не сразу UI-код.
-
Проверьте его случайный выбор: раскладку героя, набор шрифтов, компоненты, парадигмы GSAP.
-
Сверьтесь с предполётным чек-листом: расчёт ширины героя, плотность сетки, проверку лейблов, контраст.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. 
Фронтенд и UI Что он делает imagegen-frontend-web Генерирует по одному горизонтальному референсному изображению на каждую секцию лендинга. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.