Фронтенд и UI
imagegen-frontend-web
Генерирует по одному горизонтальному референсному изображению на каждую секцию лендинга.
Что это
Скилл-арт-директор для референсов дизайна сайта. Генерирует отдельное горизонтальное изображение на каждую секцию с одной зафиксированной палитрой и разной композицией героя внутри набора.
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections pro
Почему это важно для дизайна
- Лендинг из восьми секций даёт восемь читаемых композиций, а не одну сжатую доску.
- Композиция героя варьируется за пределами избитой схемы «текст слева, картинка справа».
- Одна палитра, шкала шрифтов и семейство CTA держатся во всех сгенерированных кадрах.
Что внутри
- Image count and page slicing
- The combinatorial variation engine
- Hero minimalism rules
- Color and material rules
- Multi-image consistency rule
- Default site packs
Как установить
imagegen-frontend-web
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/imagegen-frontend-web/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Скажите, сколько нужно секций: если не указать, по умолчанию для лендинга берётся шесть.
-
Скилл объявляет количество, а затем подписывает каждый результат номером секции.
-
Дайте слова настроения вроде «редакционный» или «кинематографичный», чтобы задать масштаб героя и фон.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.