AssetCraft

Скилл для генерации визуальных ассетов интерфейсов в Recraft — иллюстраций, 3D-объектов, иконок, логотипов, паттернов, фонов, видео. Работает со скиллом-агентом Cursor: ведёт пошагово от анализа интерфейса до готовых промптов или автогенерации.

Что это делает

AssetCraft — не просто генератор промптов. Он думает как дизайнер: сначала разбирается где нужны ассеты и зачем, потом строит единый визуальный стиль, и только потом генерирует. Ключевая идея — ассет должен заработать своё место, а не заполнять пространство.

Не для копирайтинга и не для вёрстки.

Триггеры (когда использовать)

"Сгенерируй ассеты для лендинга"
"Иконки для моего UI"
"Оформи сайт нейронкой"
"Где добавить картинки?"
"Сделай логотип / hero-изображение / OG-картинку"
"Illustrations for my app"
"Make a hero image / generate assets"

Два режима работы

Режим определяется автоматически на старте — в зависимости от того, установлен ли Recraft MCP:

Режим	Что происходит
A — Промпты	Скилл ведёт и выдаёт готовые промпты; ты генеришь вручную в Recraft. Режим по умолчанию.
B — Автогенерация через MCP	Если установлен Recraft MCP — агент генерирует ассеты сам через инструменты `generate_image`, `create_style` и др. Требует явного согласия (тратит баланс).

Видео (image-to-video) и мокапы в MCP отсутствуют — их делаешь вручную в веб-студии Recraft.

Рекомендация: несмотря на то что режим B удобен для автоматизации, ручная генерация в веб-интерфейсе Recraft даёт лучшие результаты — там доступны новейшие модели (включая Recraft Vector последней версии), более точная настройка стиля и визуальный контроль над каждым ассетом. Режим B оптимален для больших пакетных задач, режим A — для качества.

Стадии работы

0. Разведка + state-check  → понять проект; найти сохранённый стиль; определить режим
1. Размещение + плотность  → где нужны ассеты и сколько → черновик плана
2. Стиль (+ стиль-якорь)   → построить, проверить, зафиксировать → style-spec (файл)
3. План ассетов             → точный список по типам/соотношениям → asset-plan
4. Концепции + генерация    → идея → готовый промпт / MCP-генерация → prompt-pack
5. Интеграция               → как вставить ассеты в проект → integration-memo

Стадия 0 — Разведка

Агент сам смотрит файлы проекта, потом спрашивает недостающее:

State-check: ищет **/ui-style-spec*.md — если стиль уже сохранён, читает его и пропускает Стадию 2.
MCP-check: проверяет наличие инструментов Recraft (generate_image, create_style и т.д.) и выбирает режим.
Собирает контекст: что за экран (лендинг, мобильное приложение, дашборд, email?), входные данные (код/скриншоты/Figma), наличие стайл-гайда, цель и аудитория.

Стадия 1 — Размещение и плотность

Самая «дизайнерская» стадия. Решает где нужны ассеты и сколько.

Хорошие места: hero/первый экран, объяснение абстрактного, пустые зоны перед CTA, эмоциональные якоря, иконки-навигаторы, аватары в отзывах.

Плохие места: плотный текст, формы, таблицы с данными, длинные повторяющиеся списки, уже перегруженные экраны.

Уровни плотности:

Сдержанный — 1-3 акцента, подходит SaaS/B2B
Средний — классический маркетинговый лендинг
Насыщенный — визуалы в приоритете, wow-лендинги, арт-бренды

Стадия 2 — Стиль

Единый стиль — это 80% результата. Строится один раз, сохраняется в ui-style-spec.md и переиспользуется при следующих вызовах.

Процесс:

Предложить 2-3 стилевых направления под задачу.
Собрать черновой стиль в Recraft (миксуем библиотечные стили + hex-палитра + дескриптор стиля).
Style Anchor — проверить стиль на одном нейтральном тестовом изображении (сфера, стопка карточек, светящийся куб). Исправить если нужно (2-3 итерации — норма).
Сохранить Custom Style в Recraft. Добавить 2-4 разных нейтральных объекта для стабилизации.

Результат сохраняется в файл ui-style-spec.md — это постоянное состояние для будущих вызовов скилла.

Стадия 3 — План ассетов

Точный список всех ассетов: место, тип, соотношение сторон, количество, имя файла, обоснование.

Тип ассета	Формат
Иконки, логотипы, простые знаки	Vector/SVG
3D-объекты, иллюстрации, hero	Raster, прозрачный фон
Наборы однотипного (иконки, аватары)	Consistent image set
Живой hero, фоны	Video (image-to-video)
Продукт на устройстве	Mockup

Стадия 4 — Концепции и генерация

Сначала идея, потом промпт. Для значимых ассетов (hero, логотип, ключевые иллюстрации) предлагает 3 подхода на выбор:

A — Буквальный — прямое изображение, низкий риск, низкая эмоция.
B — Метафорический — через объект из другой сферы, передаёт суть.
C — Абстрактный — через формы и потоки, самый уникальный.

Каждый концепт строится по цепочке Субъект + Действие + Твист — неожиданная деталь, которая делает концепт запоминающимся.

Правила для иконок и логотипов (критично):

Иконки, логотипы, векторные иллюстрации — всегда SVG. Выбор модели зависит от режима:
- Веб-интерфейс (режим A): использовать последнюю доступную версию Recraft Vector или Recraft Vector Pro.
- MCP (режим B): V4.1 Vector в MCP недоступен. Иконки: recraftv2 + input_style: "icon". Логотипы и векторные иллюстрации: recraftv3 + input_style: "vector_illustration". recraftv4_1 для вектора не использовать — даёт растр.
Никогда не генерировать несколько иконок одним изображением-спрайтом — каждую иконку отдельным вызовом с «centered composition».

Промпты всегда на английском — Recraft (как и все генераторы) обучен преимущественно на английском.

Стадия 5 — Интеграция

Короткая инструкция по вставке ассетов в проект: форматы (SVG / прозрачный PNG / webm+mp4), размещение поверх фона, оптимизация (сжатие, retina, lazy-load), видео-фон и мокапы.

Файлы скилла

SKILL.md                          — основной файл скилла
references/
  placement-guide.md              — где нужны ассеты, где мешают, уровни плотности
  recraft-mechanics.md            — как работает Recraft (стили, наборы, вектор, видео)
  style-directions.md             — 20 стилевых направлений с палитрами и дескрипторами
  concept-methodology.md          — методология концептов, анти-клише, 5 типов логотипов
  prompt-library.md               — шаблоны промптов по типам, соотношения сторон
  recraft-mcp.md                  — MCP-инструменты, биллинг, совместимость моделей
assets/
  style-spec.template.md          — шаблон style-spec (сохраняется в проект как постоянное состояние)
  asset-plan.template.md          — шаблон плана ассетов
  prompt-pack.template.md         — шаблон набора промптов
  integration-memo.template.md    — шаблон memo по интеграции

Важные принципы

Один вопрос за раз с вариантами ответа — никаких стен вопросов.
Не перестраивать готовое — если ui-style-spec.md уже есть, стадия стиля пропускается.
Пауза после каждой стадии — резюме + подтверждение перед движением дальше.
Не генерировать через MCP без согласия — тратит баланс.
Ассеты зарабатывают место — лучше меньше, но точнее.

Хаб ресурсов