Продакшн-процессы и передача результатов

Всё, что ниже, разобрано на одной задаче. «Повторяемая система» остаётся абстракцией ровно до того момента, пока не видно, из каких файлов она состоит. Задача: интернет-магазин керамики, 20 товаров, для каждого нужна продуктовая карточка в едином стиле для сайта, для соцсетей и для печатного каталога. Клиент прислал 20 фотографий разного качества, снятых на телефон.

Шаг 1. Один эталон, а не двадцать попыток. Первый час уходит не на генерацию, а на одну карточку. Подбираешь фон, свет, ракурс и палитру правками в диалоге (тема «Редактирование изображений и ретушь»), пока результат не устроит и тебя, и клиента. Утверждённая карточка — эталон, на который равняется всё остальное.

До

Фото от клиента, снятое на телефон. Здесь оно тоже сгенерировано.

После

Утверждённая карточка — эталон для всей серии.

Промпт

Возьми фото товара и помести его на светлый тёплый фон из необработанной глины (#E8DFD3), мягкий рассеянный свет слева, лёгкая тень под предметом, ракурс и пропорции не меняй, цвет глазури сохрани точно, свободное место сверху 20% под заголовок, квадрат 1:1.

Шаг 2. Эталон превращается в шаблон промпта. Из удачной карточки словами вынимаешь всё, что должно повторяться, и записываешь в файл prompts.md в папке проекта:

Шаблон: карточка товара — фон (v2, утверждено 12.09)
Инструмент: Nano Banana, новый диалог на каждый товар, фото товара приложить.
Фиксированная часть:
  Возьми фото товара и помести его на светлый тёплый фон из необработанной глины (#E8DFD3),
  мягкий рассеянный свет слева, лёгкая тень под предметом, ракурс и пропорции не меняй,
  цвет глазури сохрани точно, свободное место сверху 20% под заголовок, квадрат 1:1.
Переменная часть: [название и одно предложение о товаре, если нужно уточнить материал]
Что менять для новой задачи: цвет фона и сторону света. Размер под соцсети — 4:5, попросить отдельно.
Известные проблемы: на тёмной глазури модель иногда «выправляет» блики — добавить «блики не трогай».

Это и есть промпт-библиотека. Не папка со скриншотами чатов, а файл, где у каждого шаблона есть версия, инструмент, фиксированная и переменная части и список известных проблем. Второй дизайнер, открыв его через полгода, повторит результат без тебя.

Эталон: фон #E8DFD3

Переменная часть: фон #DCE3D6

Промпт

Возьми фото товара и помести его на светлый приглушённый шалфейный фон (#DCE3D6), мягкий рассеянный свет слева, лёгкая тень под предметом, ракурс и пропорции не меняй, цвет глазури сохрани точно, свободное место сверху 20% под заголовок, квадрат 1:1.

Шаг 3. Прогон по списку. Двадцать товаров — двадцать новых диалогов с одним и тем же шаблоном. В один длинный чат их лучше не складывать: модель начнёт смешивать товары. Если инструмент умеет batch (агрегаторы с пакетным режимом, ComfyUI, API), список товаров подставляется в переменную часть автоматически. Если нет, двадцать раз вручную. Это час, и для первого раза это нормально. Каждый результат сохраняй сразу с понятным именем, а не «image (14).png»:

ceramics/03-visual/product/
  01-mug-terracotta_v1.png
  01-mug-terracotta_v2.png      ← утверждённая
  02-bowl-sage_v1.png
  …
  _rejected/                    ← неудачные, не удалять до сдачи

Шаг 4. Проверка серии целиком, а не по одной. Все двадцать выкладываешь в одну сетку в Figma и смотришь вместе. Одинаковый ли свет, не уехал ли фон на трёх карточках в розовый, все ли товары одного масштаба. Здесь ловится то, что незаметно по одной картинке. Одну-две карточки обычно приходится перегенерировать. Сетку не обязательно собирать руками. Дай карточки Claude — файлами в чат или папкой в Claude Code — и попроси: «Собери из этих картинок одну сетку 5 × 4, под каждой подпиши имя файла». Он сложит их в одно изображение кодом за минуту. Можно заодно попросить отметить карточки, где фон или масштаб выбиваются из ряда, но последнее слово всё равно за твоим глазом.

Промпт

Photorealistic e-commerce product card photo: [товар], standing on a light warm raw-clay background (#E8DFD3), soft diffused light from the left, a light soft shadow under the object, three-quarter view, the object fills about half of the frame height, free space in the top 20% for a headline, square 1:1. No text, no logos.

Шаг 5. Экспорт в форматы получателя. У трёх получателей три разных требования, и «картинка из чата» не подходит ни одному:

Апскейл делай в конце, только для утверждённых карточек и только для печати. На веб хватает исходного разрешения. Пересохранить и переименовать двадцать файлов в три формата — задача для агента или скрипта, не для рук.

Сайт: 1:1

Соцсети: 4:5

Промпт

Возьми фото товара и помести его на светлый тёплый фон из необработанной глины (#E8DFD3), мягкий рассеянный свет слева, лёгкая тень под предметом, ракурс и пропорции не меняй, цвет глазури сохрани точно, свободное место сверху 20% под заголовок, вертикаль 4:5, свободное место сверху под текст.

Шаг 6. Интеграция. Карточки для сайта кладёшь в проект прямо в папку public/images/products/ с именами по артикулам. Тогда агент-вайбкодер (тема «Вайбкодинг: сайты») подставит их сам. Версии для соцсетей уходят в общий диск клиента, для каталога — в макет InDesign или Figma. Рядом с ассетами лежит README.md на пять строк: чем сделано, какой шаблон, где эталон, что перегенерировать при добавлении товара.

Итог. Через месяц клиент присылает пять новых товаров. Без системы это новый проект: вспоминать, как было, подбирать заново. С системой: открыть prompts.md, пять диалогов, проверка в сетке, экспорт скриптом. Полчаса.

Финальные ассеты выгружай не в том формате, в котором удобно смотреть в чате, а в том, который нужен получателю. PNG для презентаций, WebP для веба, MP4 или GIF для анимации. Для печати важен размер в пикселях при 300 dpi, а Обычные генераторы отдают растр; SVG даёт либо нативная векторная генерация (Recraft, Illustrator), либо трассировка — см. тему «Вектор, иконки и иллюстрации». Требования получателя выясняй до генерации, а не после: от них зависит соотношение сторон и запас места. Апскейл применяй на последнем шаге и только к тому, что утверждено.

Один файл на проект. У каждого шаблона: название и версия, инструмент, фиксированная часть, переменная часть, «что менять для новой задачи», известные проблемы. Шаблон обновляй только после того, как новая версия дала лучший результат на реальной задаче. Старая версия остаётся в файле с датой. Для команды файл живёт в общем репозитории или в базе знаний, а не в личных заметках.

Первой автоматизируй не генерацию, а то, что вокруг неё: переименование, пересохранение в форматы, раскладку по папкам, подстановку в макет. Это скучная работа с предсказуемым результатом, идеальная задача для скрипта, который напишет агент (тема «Автоматизация процессов с ИИ»). Саму генерацию автоматизируй последней и только когда шаблон стабилен. Batch по сырому промпту даёт двадцать разных ошибок вместо одной.

Сырой промпт: кружка

Сырой промпт: миска

Сырой промпт: ваза

Сырой промпт: тарелка

Шаблон: кружка

Шаблон: миска

Шаблон: ваза

Шаблон: тарелка

Промпт

Put this product on a nice background.

Как строить саму презентацию (история, заголовки-утверждения, выбор инструмента, показ дизайна клиенту) разобрано в отдельной теме «Презентации и питч-деки с ИИ». Здесь только про место презентации в продакшн-процессе и про то, как закрепить свой формат.

Отдельный частый формат сдачи результата — не файл с ассетами, а готовая презентация. Gamma и Beautiful.ai — самые известные сервисы для этого. В старых подборках рядом с ними встретится Tome, но он свернул продукт для презентаций. Такие сервисы по текстовому брифу или готовому документу сами собирают слайды с версткой, иллюстрациями и структурой. Это экономит ручную сборку в PowerPoint/Keynote с нуля.

Если ты уже пользуешься Claude, есть альтернатива без ещё одной отдельной подписки: Claude Skills. Это файл-инструкция, который один раз подключается, и дальше Claude сам решает, когда его применить, по описанию в шапке скилла. В приложении Claude скиллы доступны на всех планах, включая бесплатный, при включённой функции Code execution and file creation. Он обучает Claude конкретному формату и правилам сборки. Два реальных примера показывают разный уровень, до которого можно довести такой скилл:

• deckset-claude-skill — готовый к установке скилл общего назначения. Он обучает Claude синтаксису Deckset (Mac-приложение, которое превращает markdown в слайды). Ставится командой, дальше просто пишешь «сделай презентацию про X» и получаешь готовый markdown-файл с разметкой.
• beautiful_deck — гораздо более амбициозный пример. Сама реализация заточена под LaTeX/Beamer и академические презентации одного конкретного автора, так что важна не она. Важно, что она показывает: скилл может содержать не просто синтаксис формата, а целую систему правил. Свою цветовую палитру, риторическую структуру (что показывать в начале, что в конце, сколько текста на слайд), собственный чек-лист качества перед сдачей. Открой и почитай структуру файла как референс, даже если не будешь использовать его напрямую.

Практический вывод: платить за отдельный сервис под презентации не обязательно. Можно один раз написать (или взять готовый и адаптировать) скилл под свой собственный формат брендовых слайдов, и дальше он работает бесплатно поверх уже оплаченной подписки на Claude. Плата за это не деньги, а время на настройку. Skills работают и в обычном приложении Claude (включаются в настройках), и в Claude Code. К чужим скиллам с GitHub относись как к любому чужому коду: прочитай файл целиком, прежде чем подключать. Это инструкции, которые модель будет выполнять от твоего имени.

• Проверена лицензия/права на использование сгенерированных ассетов в конкретном контексте (см. тему «Этика, приватность и ограничения»);
• Тексты прошли фактчек (см. тему «Поиск и ресерч контента»);
• Серия изображений/видео визуально консистентна между собой (единый стайл-гайд);
• Прогнана базовая проверка доступности для интерфейсов (контраст, alt-тексты, навигация с клавиатуры);
• Экспорт сделан в нужном для получателя формате и разрешении, а не в «чатовом» превью-качестве.

Вот 5 промптов, которые я использовал в этом проекте для генерации иконок (вставить). Сведи их в единый шаблон с переменными частями, который можно переиспользовать для следующего набора иконок

Вот утверждённая карточка товара (приложить) и промпт, которым она получена (вставить). Разложи промпт на фиксированную и переменную части и оформи как шаблон для промпт-библиотеки: инструмент, что менять для новой задачи, известные проблемы

Дай чек-лист из 8 пунктов, которые нужно проверить перед сдачей ИИ-сгенерированных ассетов клиенту

Опиши структуру папок для хранения промптов и результатов ИИ-генераций по проекту, чтобы через полгода в ней мог разобраться другой дизайнер

В папке ./approved лежат 20 утверждённых PNG с именами по артикулам. Напиши и запусти скрипт, который сохранит каждый в трёх версиях: WebP 1600 и 800 px для сайта в web/, JPG 1080×1350 для соцсетей в social/, PNG в исходном разрешении для печати в print/. Имена файлов сохрани. В конце покажи, сколько файлов легло в каждую папку

Помоги набросать свой Claude Skill для презентаций в фирменном стиле нашей команды: какие правила — палитра, максимум слов на слайде, структура — стоит в нём зафиксировать