Как собирать карусели для соцсетей с AI-агентом
Карусель из карточек это самый выгодный формат в личном аккаунте. Человек листает и получает пользу не выходя из ленты, площадка за это дает охват, а материал у вас уже есть, он лежит постом или статьей. Мешает одно. Собирать карточки руками долго, и после третьей карусели подряд желание кончается.
Ниже разбираю скилл, который делает это одной командой, и весь цикл его настройки под свой стиль. Как формулируется текст на карточке, как описывается дизайн, откуда берутся картинки и как проверить результат до публикации.
Перед стартом. Дальше будут слова скилл, промпт, JSON-план. Программировать не нужно ни на одном шаге, код пишет агент. От вас требуется описать стиль словами и смотреть на результат.
Что делает такой скилл
Скилл это папка с текстовым файлом инструкции, которую агент читает и выполняет как процедуру. Здесь важно одно его свойство. В файл помещается ровно столько правил о вашем стиле, сколько вы готовы написать. Потолка нет.
Со стороны работа выглядит так. Вы даете материал, агент показывает план карточек, вы его правите, дальше на диске появляется папка с готовыми PNG и файлом подписи.
План показывается до генерации. Это единственный момент, когда правки бесплатны полностью, дальше начинаются картинки.
Внутри скилл держит три разные вещи, и путать их не стоит, потому что настраиваются они по-отдельности.
- Структура. Материал режется на карточки
- Текст. Заголовки и подпись по правилам стиля
- Дизайн. Раскладка, шрифты, картинки
Порядок именно такой. Красивая карточка с невнятным заголовком не работает, обратное иногда прощают.
Картинку рисует модель, верстку делает код
Первая версия скилла работала иначе. Карточку целиком рисовала image-модель, вместе с заголовком, списком и номером. Выглядело это почти хорошо, и именно почти оказалось проблемой.
Ломалось четыре вещи, и все четыре видны в карусели сильнее, чем в одиночной картинке, потому что карточки листают подряд.
- Шрифт уезжал. Крупный кириллический заголовок модель охотно рисует жирным гротеском вроде Helvetica вместо вашего шрифта, сколько ни повторяй его название
- Кириллица с опечатками. Мелкие надписи модели пишут с ошибками, и правится это только перегенерацией
- Номер прыгал. На одной карточке цифра стояла выше, на следующей ниже и крупнее. При листании это читается как брак верстки
- Декор наезжал на текст. Разделительный пунктир то и дело влезал между строк заголовка
Лечится это разделением труда. Модель рисует только изображение внутри карточки, всю типографику собирает HTML и headless-браузер, который снимает готовый макет скриншотом 1080 на 1080. Никакой магии здесь нет, это обычная веб-страница, которую никто не открывает руками.
Последняя строка таблицы важнее остальных. После разделения текст перестает быть частью картинки, значит перестает быть дорогим. Поправили слово в плане, запустили перерендер, картинка переиспользовалась, новая карточка готова через секунду. Раньше та же опечатка стоила еще одной генерации и еще одного круга ожидания.
Деталь, которая стоила часа. Шрифты в такую верстку нужно вшивать файлом прямо в страницу. Браузер без сети молча отвергает шрифт по относительному пути и берет системный, ошибки при этом не показывает. Обнаруживается это только глазами на готовой карточке, где вся типографика внезапно оказалась чужой.
Шаг 1. Как формулируется ответ
Самая недооцененная часть. Люди приходят в такой скилл за картинками, а решается все раньше, на разборе материала. Карусель это ответ на вопрос читателя, разложенный по кадрам, и если разложен он плохо, никакой дизайн не спасет.
Сначала тип
Типов ровно два, и больше пока не понадобилось.
Разница не косметическая. В how-to карточки это последовательность действий, и разрозненные факты туда не кладут вообще. В news карточки это логическая цепочка от события к последствию для читателя.
Финальная карточка в обоих типах это короткий призыв. Итог на последнем кадре читают единицы, до него долистывают уже с решением.
Сколько текста влезает в карточку
Здесь была самая частая ошибка первых прогонов. Агент по умолчанию пишет карточки телеграфно, в стиле заголовков презентации, и получается красиво и бесполезно. Карточка должна объяснять. Читатель пролистал карусель и больше никуда не пойдет, значит смысла на кадре должно хватать, чтобы понять и сделать.
Поэтому объемы прописаны в скилле цифрами.
Список обязателен на всех содержательных карточках. Без него кадр вырождается в заголовок на пустом поле, и карусель из семи таких карточек выглядит как оглавление ненаписанной статьи.
Заголовок отвечает на вопрос карточки
Правило, которое переписало половину карточек. Разница видна на примерах.
Правая колонка длиннее ровно настолько, чтобы карточка работала в одиночку.
План как контракт
Между разбором материала и генерацией лежит обычный текстовый файл со структурой карусели. Выглядит он буднично, и в этом весь смысл. План можно прочитать, поправить руками и прогнать заново, ничего не перерисовывая.
Сцена для картинки описывается по-английски, image-модели понимают английский заметно точнее.
Номер карточки в плане отсутствует специально. Стоит разрешить его писать руками, и через две правки порядка вы получите карусель, где после третьего шага идет пятый.
Шаг 2. Язык и механическая проверка
Текст на карточке это текст вовне, значит он подчиняется тем же правилам, что посты и статьи. У меня они живут в скилле для письма и действуют во всем, что уходит наружу: без буквы е с точками, без длинных тире, без кавычек, без эмодзи, без противопоставлений.
Держать это на внимательности не выходит. Длинное тире визуально почти не отличается от дефиса, и на гайдах сайта мы на этом уже обжигались. Поэтому проверку делает скрипт, и делает он ее до генерации.
Жесткие нарушения останавливают сборку, мягкие только предупреждают. Разделение нужно, чтобы эвристика не блокировала работу из-за ложного срабатывания.
Логика жесткого стопа простая. Раньше текст вшивался в картинку и после генерации не правился вообще, поэтому проверка была последним рубежом. Сейчас текст верстается кодом и правится дешево, но стоп остался. Дешевле поймать ошибку в плане, чем найти ее в опубликованной карусели.
Подпись к посту проходит еще один круг, через отдельный проход на живость текста. Заголовки карточек туда гнать не нужно, они слишком короткие, для них хватает списка запретов.
Прием, который переносится куда угодно. Любое правило, которое вы иначе забудете, стоит превратить в шаг процедуры. Проверка стиля, вопрос про режим генерации, показ плана перед работой. Скилл ценен тем, что ничего не забывает.
Шаг 3. Как стиль превращается в правила
Дальше начинается территория дизайнера. Хорошая новость в том, что описывать нужно немного, плохая в том, что описывать нужно конкретно.
Палитра и шрифты
Палитра карточек это три значения: фон, текст и один акцент. Больше в квадрат 1080 на 1080 не помещается без визуального шума. Шрифты берутся по ролям, их тоже три: заголовок, тело и служебный слой с номером. Служебный слой намеренно моноширинный, он отделяет навигацию от контента без единой линии.
Это тот же принцип, что и в дизайне с агентом вообще. Сначала фиксируются токены, дальше агенту просто нечем выйти за их пределы.
Четыре стиля карточки, больше не нужно
Соблазн развести десяток раскладок появляется сразу и его стоит придушить. Карусель читается как один объект, разнообразие внутри нее работает против нее.
Две раскладки на четыре роли. Обложка и финал держат внимание кадром целиком, середина работает как рабочий разворот. Текст читается на чистом фоне, картинка живет полосой внизу и дает ритм при листании.
Постоянные элементы важнее переменных
В карусели есть слой, который обязан быть неподвижным. У нас в него входят номер в углу, навигационная стрелка внизу и рваный край страницы с одной стороны, наследство скрапбучной подачи.
Номер верстается по жесткому якорю: один угол, один отступ, один размер на всех карточках. Иллюстрация и текстовые блоки могут гулять, цифра нет. Правило появилось после первой карусели, где номер честно нарисовала модель и он поехал по кадру, превратив листание в мигание.
Кегль подбирает код
Заголовки разной длины это норма, и заранее угадать кегль под каждый нельзя. Поэтому после сборки страницы запускается короткая процедура. Она меряет фактическую высоту текстового блока, сравнивает с доступной зоной и ужимает типографику по шагу, пока содержимое не влезет.
Считается при этом фактический верх картинки. Мы дважды ловили ситуацию, где текст по всем расчетам помещался, а на карточке лежал поверх иллюстрации.
Шаг 4. Арт-дирекция вместо стока
Промпт на изображение собирается из блоков, и это стоит перенести к себе целиком, независимо от стиля.
- Сцена. Что в кадре
- База стиля. Как это выглядит
- Композиция. Где пусто под текст
- Запреты. Чего не бывает никогда
Меняется от карточки к карточке только первый блок. Остальные три одинаковые на всю карусель, поэтому стиль и держится.
Блок запретов сильнее блока пожеланий
Главный вывод по картинкам вообще. Модель по умолчанию тянет в сторону приличного среднего, то есть в сток, и останавливают ее именно запреты. У нас в этом блоке живут: улыбка в ноутбук, рукопожатия, опенспейс, уютный стол с кофе, золотой час, бирюзово-оранжевая цветокоррекция, глянец и блики.
Отдельной строкой стоит запрет на роботов. Иллюстративный язык кэмпа построен на людях и предметах, а модель на любое упоминание AI-агента рисует милого дроида. Если идея требует показать агента, ее показывают через действие человека.
Текст внутри картинки запрещен полностью
В промпте про это отдельный абзац с формулировкой, что любой символ в кадре это брак. Экраны, листы и книги должны быть пустыми. Причина техническая. Всю типографику ставит верстка, и случайная надпись, нарисованная моделью, окажется под настоящим заголовком.
Один прием на кадр
Чтобы картинка перестала быть стоком, ей нужна идея, и лучше всего работает ровно одна на кадр. У нас список короткий: невесомость, бесформенная материя, повторение одного предмета, слом масштаба. Выбирается один прием, остальной кадр держится тихим.
Плюс текстура, которую модель сама не добавит: зерно, матовые поверхности, мягкий рассеянный свет. Проверка простая. Если кадр мог бы лежать в стоковой библиотеке, кадр неправильный.
Композиция под раскладку
Картинка ложится в конкретное место карточки, и промпт должен это знать. Для полосы внизу мы просим широкую сцену с пустым верхом и низкой камерой. Без этого условия модель ставит человека по центру, полоса режет его по шее, и получается кадр из хоррора.
Туда же относится соотношение сторон. Картинка для полосы генерируется ландшафтной. Квадрат в полосе либо обрезается по краям, либо висит мелким пятном посередине.
Референсы работают не всегда
Для графики бренда эталонные изображения обязательны. Показанный образец модель воспроизводит точнее любого описания, это тот же принцип, что и с эталонными текстами в скилле для письма. Для фотографического режима все наоборот, графические референсы ломают кадр, и там остается только портрет героя, если он вообще нужен.
Важно. Толщина линии в графическом режиме это самая частая поломка узнаваемости. Модель по умолчанию рисует тонкий паутинный контур, и требование про жирный штрих приходится ставить отдельным пунктом с пометкой, что это главный провал.
Как выбрать стиль под себя
Тут развилка зависит от того, откуда вы пришли.
Если у вас уже есть стиль
Дизайнеру проще всего думать об этом так. Скилл это ваш гайдлайн в исполняемом виде. Порядок переноса такой.
- Соберите пять-семь своих лучших карточек. Возьмите те, что уже сработали
- Вытащите из них общее. Два-три цвета, шрифты по ролям, повторяющиеся раскладки, постоянные элементы кадра
- Опишите словами и запишите в файл. Максимально конкретно, с цифрами отступов там, где они есть
- Допишите раздел запретов. Что у вас в оформлении не бывает никогда. Этот раздел вы будете дополнять дольше всех остальных
- Положите рядом эталонные картинки. Две-три штуки, они уйдут в модель вместе с промптом и сработают якорем
Если стиля пока нет
Худшее, что можно сделать, это попросить агента придумать стиль с нуля. Он выдаст среднее по интернету, и вы получите аккуратный аккаунт без лица.
Возьмите один чужой визуальный язык, который вам близок, и опишите его словами до уровня, на котором описание можно исполнить. Какая палитра, какая толщина линии, что происходит с людьми в кадре, чего там не бывает. Разбор чужого стиля это упражнение, после которого свой начинает собираться сам. Дальше меняйте по одному параметру за раз и смотрите на результат.
Этот кусок мы разбираем на кэмпе на живых аккаунтах участников. Приносите свои посты, вытаскиваем из них систему и складываем в скилл.
Шаг 5. Тестирование
Шаг, который пропускают все и всегда, а он дешевле любого другого.
Сначала одна карточка
Перед первым прогоном всей карусели собирается одна карточка, обычно обложка. Она показывает сразу три вещи: попал ли стиль, читается ли типографика и не наврала ли модель с композицией. Ошибка на этом этапе стоит одной генерации вместо семи.
Дорогое и бесплатное разделены
В сборке два отдельных режима, и это стоит повторить в любом своем скилле.
Картинки лежат отдельной папкой и переиспользуются. Правка текста после генерации стоит ноль.
Смотреть подряд и с телефона
Карточки принято проверять по одной на большом экране, и это худший способ. Карусель смотрят подряд, быстро и с ладони. Открывайте папку превью, листайте стрелкой и смотрите на карусель как на анимацию.
Так ловятся дефекты, невидимые на отдельной карточке.
- прыгающий номер и съезжающий служебный слой
- две соседние карточки с почти одинаковой сценой
- ритм, где четыре кадра подряд с текстом сверху усыпляют
- заголовок, который на маленьком экране перестает читаться
Отдельно проверяется первая карточка. Она решает, будет ли листание вообще, и оценивать ее нужно в том виде, в каком человек ее увидит: маленькой, в ленте, между чужими постами.
Тесты на сам скилл
Скилл это код, и код имеет свойство ломаться от правок. У нашего лежит набор коротких автотестов. Проверка стиля ловит запрещенные символы, сборка плана не теряет поля, номера идут по порядку. Пишет и запускает их агент, от вас требуется только не выключать привычку.
Это ровно та же дисциплина, что и при ведении сайта с агентом. Пока правила проверяются машиной, они держатся, как только проверка становится ручной, они рассыпаются за месяц.
Оценка от модели
Прием, который экономит круги правок и работает на любом визуале. Покажите готовую карусель модели и попросите оценить ее от 1 до 100 по конкретным критериям, а потом продолжать думать, пока оценка не станет сотней. На карточках это ловит перегруженный текст и слабую обложку до того, как вы потратите генерацию.
Срочно или в очередь
Платите вы только за картинки, потому что все остальное считается на вашей машине. Порядок цифр на середину 2026 года такой, около 0,18 доллара за изображение в высоком качестве. Карусель из семи карточек выходит примерно в 1,3 доллара.
Дальше вступает прием, о котором знает удивительно мало людей. У провайдеров моделей есть очередь. Запросы уходят пачкой и обрабатываются, когда есть свободные мощности, обычно за один-три часа, гарантированное окно до суток. Взамен каждая картинка стоит вдвое дешевле.
Для контент-плана это подходит идеально. Карусель на завтра спокойно ждет до утра. Тот же режим в генераторе презентаций экономит еще заметнее, потому что слайдов в деке двадцать.
Вопрос про режим зашит в процедуру. Перед генерацией скилл сам спрашивает, нужна карусель сейчас или можно подождать. Экономия перестает зависеть от того, вспомнили вы про очередь или нет.
Грабли очереди. Если эталонные картинки загружены к провайдеру за секунды до отправки пачки, все запросы падают с ошибкой авторизации файлов. Очередь фиксирует доступ в момент создания, а свежая загрузка еще не готова. Лечится повторной отправкой, при ней файлы уже в кэше. Синхронный режим этой проблемы не имеет.
Грабли, которые стоили времени
Собрал в одном месте, чтобы вы прошли их быстрее.
- Тонкая линия. Модель рисует паутинный контур вместо жирного штриха. Требование выносится отдельным пунктом
- Голова под обрез. Полоса режет кадр там, где модель поставила лицо. Промпт для полосы обязан требовать пустой верх
- Карточка без списка. Заголовок на пустом поле выглядит стильно и не объясняет ничего
- Прыгающий номер. Служебный слой верстается по жесткому якорю, иначе при листании он мигает
- Декор поверх текста. Любой разделитель ставится ниже всего текстового блока, а при сомнении не ставится вовсе
- Чужой шрифт. Шрифт вшивается в верстку файлом. По ссылке headless-браузер молча возьмет системный
- Таймаут. Квадратная картинка в высоком качестве с двумя референсами рисуется дольше обычного слайда. Пятиминутного лимита не хватает, обложки отваливаются первыми
- Стиль из соседнего скилла. Первая версия промпта была скопирована из генератора слайдов и притащила его запреты. Описывать надо то, как выглядят именно карточки
С чего начать за вечер
Порядок, в котором это собирается с нуля.
- Возьмите один свой материал, который уже работал. Не пишите новый
- Разложите его на карточки текстом, без всякой графики. Обложка, шаги, призыв. Проверьте, что каждая карточка понятна в одиночку
- Опишите стиль словами в одном файле: палитра, шрифты, две раскладки, постоянные элементы, раздел запретов
- Соберите одну карточку и смотрите на нее, пока она не станет вашей
- Разделите генерацию и верстку. Это то, что превратит правки из дорогих в бесплатные
- Запишите правила в скилл, чтобы следующая карусель началась с одной фразы
Первая карусель займет вечер. Вторая двадцать минут. Дальше это разговор. Дал материал, посмотрел план, забрал папку с карточками.
Что запомнить
- Скилл для каруселей держит три разные вещи: структуру материала, текст карточек и дизайн. Настраиваются они по-отдельности и именно в этом порядке
- Ключевое решение в том, что модель рисует только картинку, а типографику верстает код. Отсюда точный текст, ваш шрифт и неподвижный номер
- После разделения правка текста становится бесплатной. Опечатка чинится перерендером за секунды, картинка переиспользуется
- Заголовок карточки отвечает на вопрос целиком. 35-60 символов, ведущая строка до 70, список из двух-четырех пунктов обязателен
- Типов карусели два, пошаговый разбор и новость. Финальная карточка это короткий призыв
- Правила языка проверяет скрипт до генерации, потому что на глаз длинное тире от дефиса не отличить
- Четырех стилей карточки хватает на все, двух раскладок тоже. Разнообразие внутри карусели работает против нее
- Промпт на картинку собирается из блоков: сцена, база стиля, композиция, запреты. Меняется только первый
- Раздел запретов сильнее раздела пожеланий. Именно он вытаскивает картинку из стока
- Проверять карусель нужно подряд и с телефона. Отдельная карточка на большом экране скрывает половину дефектов
- Программировать не нужно. Скилл это папка с инструкцией и парой скриптов, которые пишет и чинит сам агент
- Платите только за картинки. Верстка, перерендер и правка текста бесплатны, их делает код на вашей машине
Карусель перестает быть работой примерно на третьей собранной пачке. Материал у вас уже есть, а все остальное один раз описывается словами и дальше повторяется само.