Генерирует визуальные референсы для сайтов и лендингов: отдельное горизонтальное изображение для каждого раздела, а не один длинный макет всей страницы. Помогает получить дизайн, который разработчик или coding model сможет воссоздать: с понятной иерархией, ритмом секций, CTA и единой визуальной системой.
Возможности
- Задаёт направление для композиции, типографики, палитры, фонов, изображений и компонентов.
- Варьирует композиции между секциями и не использует макет «текст слева, изображение справа» по умолчанию.
- Сохраняет общий стиль сайта во всех изображениях: палитру, типографику, CTA и обработку изображений.
- Учитывает задачу каждой секции — привлечь внимание, показать доказательства, объяснить продукт или привести к действию.
- Подстраивает визуальное направление под запрос: например, SaaS, editorial, e-commerce или minimalist.
- По умолчанию задаёт наборы секций для сайтов из 4, 8 и 12 разделов.
Когда использовать
- Нужны дизайн-референсы для лендинга, маркетингового сайта, product page или портфолио.
- Нужно получить по отдельному изображению на каждый раздел, чтобы передать макет разработчику или coding model.
- Важно уйти от повторяющихся AI-макетов и задать сайту цельное визуальное направление.
Примеры
Набор из 4 секций:
1. Hero
2. Features
3. Social proof / testimonial
4. CTA
Набор из 8 секций:
1. Hero
2. Trust bar
3. Features
4. Product showcase
5. Benefits / use cases
6. Testimonials
7. Pricing
8. CTA
Правило количества изображений:
1 section -> 1 horizontal image
4 sections -> 4 horizontal images
8 sections -> 8 horizontal images
Установка
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web