Как создавать Instagram-карусели

Инструмент для создания карточек Instagram-каруселей из markdown-файлов.

Demo

Reel — пример
Reel — обновление
Карусель — пример

Быстрый старт

  1. Создай файл в папке instaframes/, например my-carousel.md
  2. Добавь frontmatter с layout
  3. Напиши описание (intro) и слайды через ###
  4. Открой страницу и скачай PNG

Структура файла

---
title: Название карусели
slug: /instaframes/my-carousel
layout: trip2g/instaframe
---

Описание карусели – контекст для себя.

### КОГДА ПОСЛЕДНИЙ РАЗ ТЫ [ПЛАКАЛ]?

Текст слайда. 2-3 предложения максимум.

### СЛЕДУЮЩИЙ [СЛАЙД]

Каждая секция `###` – отдельный слайд.

Выделение слов

[СЛОВО] в заголовке получает рамку. Одно слово на заголовок.

Правила хороших каруселей

Первый слайд – крючок

Хук должен остановить скролл. 3-5 слов максимум. Бьёт в эмоцию сразу.

Работает:

  • Короткий вопрос: "ПОЧЕМУ ТАК СЛОЖНО [ИЗВИНИТЬСЯ]?"
  • Личная история: "Я ДАВНО НЕ ГОВОРИЛ С [ОТЦОМ]"
  • Неожиданное: "ТВОЙ ОТЕЦ НЕ НАУЧИЛ ТЕБЯ [ГЛАВНОМУ]"

Не работает:

  • Обвинения: "Ты не уверен в себе" – читатель защищается и уходит
  • Абстракции: "Эго – маска труса" – нет картинки, нет эмоции
  • Длинные заголовки: 8+ слов никто не читает на скролле
  • Банальности: то, что говорят все коучи

Почему первый слайд проваливается:

  1. Нет curiosity gap – незачем свайпать дальше
  2. Диагноз вместо вопроса – "ты такой-то" вызывает защиту
  3. Слишком умно – требует обдумывания, а скролл быстрый
  4. Слабое выделенное слово – [НЕПРАВ] слабее чем [ВРЁШЬ] или [БОИШЬСЯ]

Текст слайда

Конкретные примеры вместо абстракций:

Плохо:

Давление – не сила. Это компенсация.

Хорошо:

Когда повышаешь голос на жену – это не про неё. Это про то, что внутри тебя что-то болит.

Истории вместо утверждений:

Плохо:

Эго прячет твою трусость.

Хорошо:

Я долго избегал разговора с отцом. Говорил себе "он не поймёт". На самом деле боялся услышать правду.

Читатель – герой, не объект критики:

Плохо:

Ты защищаешь образ вместо того, чтобы жить.

Хорошо:

Знакомо чувство, когда важнее выглядеть сильным, чем признать что устал?

Стиль BRAVE (из постов канала)

  1. Личная история как вход – "Вчера задавался вопросом...", "Подписан на одного дядьку..."

  2. Аллегории с разъяснением – машина-развалюха, а потом "в контексте жизни это значит..."

  3. Вопрос к себе – "как я могу это сделать лучше или прикольнее?"

  4. Вдохновляющие примеры других – "нравится как он живёт эту жизнь"

  5. Лайфстайл вместо метрик – "держать в фокусе образ жизни, а не цифры"

  6. Путь, а не диагноз – "пришло время", не "ты должен"

  7. Честность про себя – "не собираюсь совсем отказываться", "моя мера это..."

  8. Один вопрос который меняет – "как сделать лучше?" перед привычным делом

  9. Два этапа – сначала освоить навык, потом приказ себе

  10. Цепочки рассуждений – "гнев из любви к справедливости, справедливость из любви к целостности..."

  11. Вывод одним предложением – "не дари ради откупиться, делай от души"

  12. PS с оговорками – "когда чел латает машину потому что нет возможности – он молодец"

  13. Гостевые посты от друзей – живые голоса из сообщества

  14. Афоризмы – "Мужчина который хочет и может конкурировать – не сдастся"

  15. Всё из любви – связывать действия с глубинной мотивацией

Чего избегать

  1. Длинные тире (—) – используй среднее тире (–). Длинное тире – признак ChatGPT.

  2. Противопоставления "не X, а Y":

    • Плохо: "Не казаться, а быть"
    • Плохо: "Не выглядеть, а жить"
    • Плохо: "Уже не про тему – про то чтобы не проиграть"
    • Хорошо: "Хочется выиграть спор, даже когда понимаешь что неправ"
    • Хорошо: "Продолжаешь спорить хотя уже сам не веришь в свои аргументы"
    • Хорошо: "Важнее оказаться правым чем разобраться"

  3. Параллельные конструкции "X больше/меньше, Y больше/меньше":

    • Плохо: "Голос громче, аргументы слабее"
    • Плохо: "Чем громче защищаешься, тем больше страха"
    • Плохо: "Слов больше, смысла меньше"
    • Хорошо: "Начинаешь повышать голос когда чувствуешь что не прав"
    • Хорошо: "Говоришь громче потому что сам себе не веришь"
    • Хорошо: "Переходишь на крик когда аргументы закончились"

  4. Нереалистичные сроки:

    • Плохо: "Жена 3 года просила поговорить"
    • Плохо: "10 лет не разговаривал с отцом"
    • Плохо: "5 лет не видел друзей"
    • Хорошо: "Жена несколько раз просила поговорить"
    • Хорошо: "Давно не общался с отцом"
    • Хорошо: "Потерял связь со школьными друзьями"

  5. Рубленые предложения без смысла:

    • Плохо: "Бесполезно."
    • Плохо: "Это компенсация."
    • Плохо: "Это сигнал."
    • Хорошо: раскрыть мысль конкретным примером

  6. Назидательный тон – не учи, делись опытом.

  7. Абстрактные метафоры – "броня", "маска", "тень" без конкретного примера.

  8. Диагноз читателю – "Ты не уверен в себе", "Твоё эго громкое" – вызывает защиту.

Структура карусели

  • 8-12 слайдов
  • Слайд 1: крючок (вопрос или история)
  • Слайды 2-10: развитие темы с примерами
  • Предпоследний: что делать (конкретный шаг)
  • Последний: призыв к действию

Формат заголовка

  • 3-5 слов капсом
  • Одно слово в рамке [СЛОВО]
  • Вопрос или короткое утверждение

Скачивание

  • Кнопка слева: текущий слайд
  • Кнопка справа: все слайды

Файлы: 1-ЗАГОЛОВОК.png, 2-ЗАГОЛОВОК.png...

Технические детали

  • Формат: 4:5 (1080×1350 px при 2x)
  • Шрифт заголовка: Cormorant SC
  • Шрифт текста: Inter
  • Рендер: html2canvas

Брендинг

Захардкожено в шаблоне:

  • @ibraveorg
  • Сообщество мужчин BRAVE

Изменить: _layouts/trip2g/instaframe.html

После создания карусели

  1. Проверь первый слайд – он должен останавливать скролл
  2. Прочитай вслух – звучит как живой человек или как ChatGPT?
  3. Покажи кому-то – спроси "свайпнул бы дальше?"
  4. Обнови эту инструкцию – если нашёл новые паттерны что работает/не работает, добавь сюда