Генерация изображений
Время: 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:1, 16:9, 9:16, 4:5 | 1:1 — соцсети, 16:9 — презентации |
| Разрешение | 1K, 2K, 4K | 1K для черновиков, 2K для финала |
| Стиль | Фото, скетч, 3D, иллюстрация | Зависит от цели |
Практика
Легенда: Нигора (SMM-менеджер) просит визуализировать целевую аудиторию UzTech Business для презентации.
В этом уроке мы не настраиваем полную генерацию (это требует API-ключей и биллинга). Но вы можете попрактиковаться в написании промптов.
Задание: Напишите промпт для персоны Дильнозы
Нигора: “Нам нужна визуализация нашей ЦА — Дильноза, владелица салона красоты. Напиши промпт для генерации её портрета.”
В SMM-стратегии (company-context/sample-document.md) описана персона Дильноза:
- 34 года, замужем, двое детей
- Владеет салоном красоты “Malika Beauty” в Чиланзаре
- Работает 3 года, команда: она + 2 мастера + администратор
- Боль: хаос в записях, клиенты пишут ночью, не сходится касса
Напишите промпт для генерации её портрета, который включает:
- Возраст и внешность
- Контекст работы (где она, что делает)
- Эмоциональное состояние
- Детали окружения
Пример структуры:
Фотореалистичный портрет: [пол] [возраст] лет,
[профессия], [эмоция/состояние], [где находится],
[дополнительные детали]Подсказка
Хороший промпт для Дильнозы:
Фотореалистичный портрет: женщина 34 года, узбекская,
владелица салона красоты, уставшая но целеустремлённая,
в своём салоне — стильный интерьер, за стойкой администратора,
смотрит в телефон с сообщениями от клиентов,
деловой casual стиль, ухоженная, мягкое дневное освещениеБонус: Прочитайте полное описание персоны
Покажи описание персоны Дильнозы из @company-context/sample-document.mdClaude найдёт и покажет полное описание — это даст идеи для более детального промпта.
Ограничения
Важно понимать границы:
- Не заменяет дизайнера — для финального продукта нужен профессионал
- Требует настройки — нужен API-ключ и биллинг
- Не всегда идеально — может потребоваться несколько итераций
- Авторские права — нельзя использовать для коммерческих целей без проверки
Резюме
- Генерация изображений — мощный инструмент для PM
- Позволяет быстро создавать персоны, мокапы, иллюстрации
- Работает итеративно: описание → результат → уточнение
- Не заменяет дизайнера, но ускоряет раннюю стадию
Следующий шаг
Вы познакомились с возможностями генерации изображений. В финальном уроке подведём итоги курса и покажем путь к мастерству.
Урок 3.4: Что дальше — путь к мастерству
Тизер основного курса: В основном курсе вы полностью настроите генерацию изображений: получите API-ключ, подключите биллинг и создадите свою библиотеку стилей. Также научитесь создавать референсные изображения для консистентного стиля во всех материалах и автоматизировать пакетную генерацию для презентаций.