Блок 3: ПрактикаГенерация изображений

Генерация изображений

Время: 15 мин | Уровень: Базовый

Цель урока

Познакомиться с возможностями генерации изображений в Claude Code и понять, как это применять в работе PM.

Что вы узнаете

  • Что такое генерация изображений в Claude Code
  • Какие задачи PM можно решать с помощью изображений
  • Демонстрация возможностей (без полной настройки)
  • Путь к освоению этой функции

Почему это важно для PM

Визуальные материалы — неотъемлемая часть работы продакт-менеджера:

ЗадачаТрадиционный подходС генерацией изображений
Мокапы для обсужденияЖдать дизайнераСоздать за минуты
Иллюстрации для PRDИскать стоковые фотоСгенерировать под задачу
Персоны пользователейАбстрактные описанияВизуальные портреты
ПрезентацииШаблонные слайдыУникальные визуалы
Архитектурные диаграммыРисовать вручнуюОписать словами

Реальный кейс: Lenny Rachitsky использует Claude Code для улучшения качества скриншотов и создания визуальных материалов для своего newsletter. Источник

Как это работает

Claude Code может генерировать изображения через интеграцию с моделями генерации (например, Gemini от Google).

Что умеет модель

  • Фотореалистичные изображения — люди, продукты, интерьеры
  • Трансформация референсов — взять фото и изменить контекст
  • Текстовые оверлеи — добавить надписи на изображения
  • Разные стили — от скетчей до 3D-рендеров
  • Разные форматы — квадратные, горизонтальные, вертикальные

Примеры PM-задач

Создание персон:

Сгенерируй фотореалистичный портрет: женщина 35 лет,
маркетолог, уставшая от рутинных задач, работает из дома

Мокапы продукта:

Создай мокап: человек держит смартфон с интерфейсом
приложения для доставки еды, фокус на экране

Иллюстрации для презентаций:

Сгенерируй изображение для слайда о командной работе:
разнообразная команда обсуждает идеи у whiteboard

Архитектурные диаграммы:

Создай визуальную схему: пользователь → мобильное приложение →
API gateway → микросервисы → база данных

Демонстрация возможностей

Вот примеры того, что можно создать:

Пример 1: Персона пользователя

Промпт:

Фотореалистичный портрет: мужчина 28 лет, PM в стартапе, дружелюбный, немного уставший, с ноутбуком в кофейне

Результат: Портрет можно добавить в документ с персоной, чтобы команда лучше представляла пользователя.

Пример 2: Концепт интерфейса

Промпт:

Скетч мобильного приложения: экран онбординга, три шага, минималистичный дизайн, стиль hand-drawn wireframe

Результат: Быстрый визуальный концепт для обсуждения с командой до вовлечения дизайнера.

Пример 3: Иллюстрация для стратегии

Промпт:

Изометрическая иллюстрация: экосистема продукта, центральная платформа связана с мобильным приложением, веб-сервисом и интеграциями

Результат: Визуальное представление архитектуры для стейкхолдеров.

Итерации: ключ к хорошему результату

Генерация изображений — это итеративный процесс:

  1. Первый запрос — получаете базовый результат
  2. Уточнение — “Сделай его более дружелюбным”
  3. Детали — “Добавь логотип компании на экран”
  4. Формат — “Теперь сделай горизонтальную версию для презентации”

Модель помнит контекст разговора, поэтому каждая итерация улучшает результат.

Параметры генерации

ПараметрВариантыКогда использовать
Соотношение сторон1:1, 16:9, 9:16, 4:51:1 — соцсети, 16:9 — презентации
Разрешение1K, 2K, 4K1K для черновиков, 2K для финала
СтильФото, скетч, 3D, иллюстрацияЗависит от цели

Практика

Легенда: Нигора (SMM-менеджер) просит визуализировать целевую аудиторию UzTech Business для презентации.

В этом уроке мы не настраиваем полную генерацию (это требует API-ключей и биллинга). Но вы можете попрактиковаться в написании промптов.

Задание: Напишите промпт для персоны Дильнозы

Нигора: “Нам нужна визуализация нашей ЦА — Дильноза, владелица салона красоты. Напиши промпт для генерации её портрета.”

В SMM-стратегии (company-context/sample-document.md) описана персона Дильноза:

  • 34 года, замужем, двое детей
  • Владеет салоном красоты “Malika Beauty” в Чиланзаре
  • Работает 3 года, команда: она + 2 мастера + администратор
  • Боль: хаос в записях, клиенты пишут ночью, не сходится касса

Напишите промпт для генерации её портрета, который включает:

  • Возраст и внешность
  • Контекст работы (где она, что делает)
  • Эмоциональное состояние
  • Детали окружения

Пример структуры:

Фотореалистичный портрет: [пол] [возраст] лет,
[профессия], [эмоция/состояние], [где находится],
[дополнительные детали]
Подсказка

Хороший промпт для Дильнозы:

Фотореалистичный портрет: женщина 34 года, узбекская,
владелица салона красоты, уставшая но целеустремлённая,
в своём салоне — стильный интерьер, за стойкой администратора,
смотрит в телефон с сообщениями от клиентов,
деловой casual стиль, ухоженная, мягкое дневное освещение

Бонус: Прочитайте полное описание персоны

Покажи описание персоны Дильнозы из @company-context/sample-document.md

Claude найдёт и покажет полное описание — это даст идеи для более детального промпта.

Ограничения

Важно понимать границы:

  • Не заменяет дизайнера — для финального продукта нужен профессионал
  • Требует настройки — нужен API-ключ и биллинг
  • Не всегда идеально — может потребоваться несколько итераций
  • Авторские права — нельзя использовать для коммерческих целей без проверки

Резюме

  • Генерация изображений — мощный инструмент для PM
  • Позволяет быстро создавать персоны, мокапы, иллюстрации
  • Работает итеративно: описание → результат → уточнение
  • Не заменяет дизайнера, но ускоряет раннюю стадию

Следующий шаг

Вы познакомились с возможностями генерации изображений. В финальном уроке подведём итоги курса и покажем путь к мастерству.

Урок 3.4: Что дальше — путь к мастерству


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