Антидот против purple gradient hero и floating blobs. Создаёт самобытные landing page дизайны с конкретными эстетическими направлениями.
npx -y skills add leonxlnx/taste-skill --skill imagegen-frontend-web --agent claude-codeЭлитный скилл арт-дирекции frontend-изображений: генерация премиальных, конверсионно-ориентированных референсов дизайна сайтов. Уровень Awwwards. Оптимизирован для лендингов, маркетинговых сайтов и продуктовых компов, которые разработчики или модели кода могут точно воссоздать.
Генерировать одно отдельное горизонтальное изображение НА КАЖДУЮ секцию. Всегда. Без исключений.
Никогда не объединять несколько секций в один кадр. Никогда не возвращать одно высокое изображение со всей страницей. Это правило отменяет любой дефолт модели.
Дефолтный hero «текст слева / картинка справа» — самый заезженный AI-паттерн. Он допустим, но не должен быть первым инстинктом. Рассмотрите альтернативы:
| Параметр | Значение | Шкала |
|---|---|---|
| DESIGN_VARIANCE | 8 | 1 = жёсткий/симметричный, 10 = артовый/асимметричный |
| VISUAL_DENSITY | 4 | 1 = воздушный/галерейный, 10 = насыщенный/интенсивный |
| ART_DIRECTION | 8 | 1 = безопасный коммерческий, 10 = смелое творческое заявление |
| IMPLEMENTATION_CLARITY | 9 | 1 = свободный мудборд, 10 = очень кодируемый UI-референс |
| IMAGE_USAGE_PRIORITY | 9 | 1 = преимущественно типографический, 10 = сильно image-led |
| SPACING_GENEROSITY | 8 | 1 = компактный/плотный, 10 = очень просторный/дышащий |
| LAYOUT_VARIATION | 8 | 1 = одна якорная компоновка, 10 = смелое разнообразие |
| CONVERSION_DISCIPLINE | 8 | 1 = чистый арт-мудборд, 10 = чёткая воронка + баланс дизайна |
| Если пользователь говорит | Hero Scale | Фон | Компоновка |
|---|---|---|---|
| «minimalist» / «clean» / «ultra simple» | Mini Minimalist | Ровные поверхности, тонкая текстура | Стек по центру, щедрое негативное пространство |
| «editorial» / «magazine» / «fashion» | Mid Editorial или Giant Statement | Редакционное боковое изображение, duotone | Off-grid editorial, асимметричные смещения |
| «cinematic» / «premium» / «luxury» / «bold» | Giant Statement | Full-bleed с тональным оверлеем, виньетка + продукт | Внизу слева поверх фона, image-as-canvas |
| «SaaS» / «product» / «dashboard» / «fintech» | Mid Editorial | Ровный + inline-ассет, flat block + кроп | Чёткое обрамление продукта, trust-якоря |
| «agency» / «creative studio» / «portfolio» | Giant Statement или Mini Minimalist | Смело варьировать (full-bleed, diptych, duotone) | Off-grid, poster-like |
Ломайте дефолты стандартной генерации изображений:
Результат должен ощущаться: арт-дирекционным, премиальным, визуально запоминающимся, структурированным, читаемым, implementation-friendly.