Карусели
@carousel-posts
Многослайдовые карусели для Instagram, VK и LinkedIn (PDF-документ): обложка-хук → смысловые слайды → CTA, единый стиль, рендер в PNG.
Карусели для соцсетей
Карусель — самый вовлекающий органический формат 2026: ~3× больше охвата и ~2× больше сохранений, чем у одиночных изображений; Instagram повторно показывает карусели подписчикам через 24–48ч (второе окно показа, которого нет у других форматов).
Принцип
Каждый слайд = одна идея, в едином визуальном стиле. Текст — настоящий, в HTML/SVG (не генерируем в картинке). Финальный слайд — CTA + триггер сохранения.
Когда использовать
- «сделай карусель» / «пост из слайдов»
- educational/how-to контент (топ по сохранениям)
- фреймворк / mental model / чек-лист
- «5 уроков», «3 ошибки», «до/после»
- LinkedIn PDF-карусель (документ-пост — топ вовлечённости)
- VK-карусель (до 10 слайдов, инфографика/коллекции)
Когда НЕ использовать
- Одиночный визуальный пост (цитата/стат/список в одном кадре) →
visual-posts. - Рекламный баннер →
ad-creatives. - Серия креативов одного оффера в разных размерах →
ad-creativesStep 5. - Текстовый пост →
post-generator.
Что на выходе
- Набор PNG-слайдов одинакового размера (4:5 1080×1350 — recommended).
- HTML-исходники слайдов (для правок без перегенерации).
- Подпись к карусели (150–300 символов IG) — хук + краткое содержание + CTA.
Анатомия сильной карусели
Слайд 1 — Обложка-хук ← отвечает «зачем листать?» за <2 сек
Слайд 2 — Обещание/рехук ← на LinkedIn важнее обложки (триггерит re-serve)
Слайды 3..N — Смысл ← по одной идее на слайд; ≥1 «save-worthy» слайда
Финал — CTA + сохранение ← вопрос удваивает комментарии в первый час
- Save-worthy слайд (чек-лист, фреймворк, сравнительная таблица, статистика) обязателен — сохранения = сильнейший сигнал алгоритма.
- Оптимальное число слайдов: IG 5–8 (до 20 макс), LinkedIn 7–10 (PDF, без лимита страниц), VK до 10.
Дизайн слайдов
- Один заголовок на слайд (3–8 слов на LinkedIn), крупно (≥48px при 1080 ширине). Если прочитать только заголовки всех слайдов — должен сложиться whole argument.
- Максимум 2 текстовых блока на слайд (заголовок + одна поддержка).
- Единый стиль ВСЕХ слайдов: один фон, одни шрифты, одни акцентные цвета, одна сетка раскладки. Это узнаваемость и «бренд» серии.
- Ограниченная палитра: 1–2 акцента на стабильной базе (60-30-10).
- Контраст ≥ 4.5:1, безопасные отступы ≥60px.
- Номер слайда (3/8) — помогает ориентироваться и показывает, что листать ещё.
Рабочий процесс
Шаг 1. Концепт и структура
Тема, аудитория, главная мысль. Набросай каркас слайдов текстом (заголовок каждого слайда) ДО визуала и согласуй с клиентом. Один слайд — одна идея; если слайд можно убрать без потери нарратива — убери.
Шаг 2. Архетип
Выбери архетип (определяет структуру):
- Фреймворк/модель (топ по сохранениям)
- Уроки из опыта («5 вещей, которые я узнал…»)
- Step-by-step процесс
- Разбор данных (графики/таблицы/стат)
- Контрарный take (гонит комментарии)
Шаг 3. Шаблон слайда
Единый HTML-шаблон для всех слайдов (фон + сетка + стиль заголовка) — меняется
только контент. Шаблон — в references/carousel-anatomy.md.
Шаг 4. Фон (опционально)
Чистый цвет/градиент — стандарт для educational-каруселей (быстро, без
генерации, отлично читается). Фото/иллюстрация — через image-studio (--no text), если нужен визуальный ряд; держи единый стиль фона на всех слайдах.
Шаг 5. Рендер слайдов
Каждый слайд — отдельный HTML → PNG через design-renderer:
node <design-renderer>/scripts/render.js --html slide-01.html --out slide-01.png --width 1080 --height 1350
Для LinkedIn PDF-карусели: собери слайды в один HTML (вертикальная лента) /
используй presentations (навык презентаций) для экспорта в PDF.
Шаг 6. Подпись
150–300 символов (IG): хук в первой строке + краткая выжимка + один CTA («сохрани», «какой слайд ближе?»). 3–5 релевантных хештегов в конце.
Шаг 7. Доставка
Набор PNG (по порядку) + HTML-исходники + подпись. Предложи серию (3 карусели в одном стиле на месяц).
Если рендер недоступен
render.js требует Playwright/Puppeteer + Chromium. Нет — HTML-слайды остаются
основным артефактом (открываются в браузере); предложи установить с согласия или
открыть и снять скриншоты вручную.
Антипаттерны
- Несколько идей на слайд — разбей на два.
- Разный стиль слайдов — убивает узнаваемость; держи один шаблон.
- Слабая обложка — без хука не листают дальше.
- Нет save-worthy слайда — ниже сохраняемость = ниже охват.
- Много мелкого текста — заголовки крупные, тело краткое.
- Нет CTA на финале — упускаешь сохранения/комментарии.
- Молчать про стоимость генерации фонов (~0,015 $/каждый).