pipeline

IG Carousels — Pipeline генерации

Пошаговый процесс создания карусели из исходного материала.

0. Изучить систему и составить план

Перед началом работы:

  1. Прочитай ig/instructions.md — общее описание системы, стилей, бренда
  2. Открой HTML-файлы шаблонов (layouts/slide_*.html) — в <!-- comment --> описана структура, frontmatter поля и примеры для каждого типа слайда
  3. Посмотри существующие карусели (ig/*/) как референс
  4. Составь план: какие слайды, какие типы, какой стиль, какой контент
  5. Только после утверждения плана — приступай к созданию файлов

1. Собрать материал

Исходник может быть:

  • Текст поста / статьи / заметки
  • Тезисы / буллеты
  • Транскрипт подкаста / видео
  • Набор фактов / цифр
  • Тема одной фразой

2. Разбить на слайды

Оптимальная структура карусели — 6-10 слайдов. Каждый слайд = одна мысль.

Рекомендуемый порядок:

# Роль Что делает
1 HOOK Заголовок-крючок. Драматичный вопрос или утверждение. Цепляет внимание.
2 PROBLEM Проблема. Что сломано, почему больно, что не работает.
3-5 CONTENT Раскрытие. Концепция, детали, шаги, аргументы.
6 STATS Цифры. Метрики, результаты, доказательства.
7 QUOTE Ключевая мысль. Цитата, мантра, инсайт.
8 CTA Призыв. Что делать дальше, ссылка, аккаунт.

Не обязательно использовать все роли. Минимум: hook + 2-4 content + cta.

3. Выбрать шаблон для каждого слайда

Для каждого слайда выбери тип на основе содержания:

Содержание слайда Тип шаблона Layout
Короткий сильный заголовок + подводка hook aimindset/slide_hook
Заголовок + развёрнутый текст content aimindset/slide_content
2-4 числа с подписями stats aimindset/slide_stats
Одна цитата или мантра quote aimindset/slide_quote
Текст поверх фотографии image aimindset/slide_image
Финальный призыв к действию cta aimindset/slide_cta

Важно: смотри внутрь HTML-файла шаблона (layouts/slide_*.html) — в <!-- comment --> описана ожидаемая структура markdown, обязательные frontmatter поля и пример.

4. Выбрать визуальный стиль

Все слайды в одной карусели должны использовать один стиль. Задаётся через style в frontmatter каждого слайда (или не указывается для editorial-v2).

Стиль Когда использовать
editorial-v2 Универсальный (по умолчанию). Технологичный вид.
manifesto-dark Манифесты. Текст — главный герой. Чистый чёрный.
editorial-light Образование, инструкции. Светлый, лёгкий.
raycast Технический контент, код, архитектура. Dev tool aesthetic.
swiss-grid Данные, презентации. Строгая сетка, конструктивизм.

5. Создать файлы

Структура папки

ig/<название-карусели>/
  carousel.md          # shell — обязательно
  slide_01.md          # первый слайд (обычно hook)
  slide_02.md          # второй слайд
  ...
  slide_NN.md          # последний слайд (обычно cta)

---
layout: aimindset/ig_carousels
title: "Название карусели"
date: 2026-03-12
author: alex p
---

slide_XX.md

---
layout: aimindset/slide_<тип>
style: editorial-v2
---
текст слайда

Для slide_image добавь photo: URL в frontmatter.
Для slide_stats используй ## число + текст под ним.

Генерация картинок

Можно сгенерировать изображение (через DALL-E, Midjourney и т.д.) и положить файл рядом со слайдом:

ig/my-carousel/
  slide_03.md
  slide_03.png      ← сгенерированная картинка

В markdown слайда подключить как:

![](slide_03.png)

Или через Obsidian-синтаксис: ![[slide_03.png]]

Важно: картинки поддерживаются только в slide_image. Только этот шаблон умеет превращать inline-картинку в фоновое изображение. В остальных шаблонах <img> не обрабатывается.

6. Правила контента

Текст

  • Одна мысль = один слайд
  • Короткие предложения: 10-14 слов
  • Без канцеляризмов: не "крайне важно", а конкретика
  • Частицы для живости: же, ведь, ну, вот
  • Hook: 2-5 слов заголовок, 1-2 предложения подводка
  • CTA: максимум 2 строки

Выделение

  • [текст] — красный highlight (белый текст на #D92027)
  • Используй для ключевых слов в hook и cta
  • Не злоупотребляй — 1-2 выделения на слайд максимум

Числа (stats)

  • Крупные, округлённые: 20+, 1500, 47x
  • Подпись — 1-3 слова lowercase
  • 4 карточки = идеальная сетка 2x2

7. Проверка

Перед деплоем убедись:

  • carousel.md имеет layout: aimindset/ig_carousels
  • Все слайды имеют правильный layout: aimindset/slide_<тип>
  • Нумерация slide_01, slide_02 ... без пропусков
  • Первый слайд — hook, последний — cta
  • Стиль одинаковый во всех слайдах (или не указан для default)
  • slide_image имеет поле photo в frontmatter
  • slide_stats использует ## заголовок формат

Пример: из текста в карусель

Исходный текст:

"Мы запустили POS Sprint. 20+ участников из 9 городов. 5 кураторов. Суть: каждый строит свою AI-систему JARVIS. Не курс — запуск персональной системы."

Результат:

Слайд Тип Содержание
slide_01 hook POS Sprint [запущен]. + подводка
slide_02 stats 20+ участников / 9 городов / 5 кураторов / 1 система
slide_03 content Что такое JARVIS — описание
slide_04 quote > не курс — запуск персональной системы.
slide_05 cta построй свой JARVIS + @аккаунт