AIKraft/AI/Войти
AIKraft/Skills/imagegen-frontend-web

imagegen-frontend-web

Генерирует премиальные референсы для фронтенда лендингов и маркетинговых сайтов. Создает отдельное горизонтальное изображение для каждого раздела, обеспечивая разнообразие композиций и единую палитру. Удобно для разработчиков и coding-моделей.

leonxlnx official Дизайн ★ 92.6k

Что делает навык

Skill генерирует премиальные референсы для фронтенда лендингов и маркетинговых сайтов, создавая отдельные горизонтальные изображения для каждого раздела. Он обеспечивает разнообразие композиций, единую палитру и высокую степень детализации, удобную для разработчиков и coding-моделей.

Когда применять

  • Создание визуальных концепций (comps) для лендингов и маркетинговых сайтов с акцентом на премиальный дизайн.
  • Генерация референсов для конкретных UI-секций (hero, trust bar, features) для передачи их разработчикам.
  • Разработка уникальных композиционных решений, избегая стандартных шаблонов ИИ (например, лево-текст/право-изображение).
  • Подготовка визуальных материалов для coding-моделей с высокой степенью ясности реализации (implementation clarity).

Как работает

  1. Определить количество секций: по умолчанию 6 для 'landing page' или 8 для 'full website template', генерируя по одному изображению на секцию.
  2. Анализировать запрос пользователя для адаптации параметров (дизайн-вариативность, плотность, стиль) или использовать глобальные настройки по умолчанию.
  3. Выбрать комбинацию параметров: тему (Theme Paradigm), фон (Background Character), типографику, архитектуру героя и систему секций.
  4. Сгенерировать изображения последовательно, объявляя каждую секцию (например, 'Section 1 of 8: Hero'), строго соблюдая правило одного изображения на секцию.
  5. Обеспечить разнообразие композиционных якорей (Composition Anchor) и режимов фона (Background Mode) внутри одной страницы.

Примеры запросов агенту

Сгенерируй референсы для лендинга SaaS-продукта в стиле clean и premium.
Создай 8 секций для маркетингового сайта агентства в кинематографичном стиле.
Разработай визуальные концепции для e-commerce магазина с акцентом на продукт.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «imagegen-frontend-web» из репозитория: # https://github.com/leonxlnx/taste-skill
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r imagegen-frontend-web/ ~/.claude/skills/imagegen-frontend-web/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.