Что скачать

Архив instaframes.zip содержит:

• _layouts/braind_v1/instaframe.html — HTML/CSS/JS layout для рендера слайдов;
• instaframes/_index.md — пример индексной страницы;
• instaframes/ai_agent_process_trust_demo.md — демо-карусель;
• skills/create-instaframe.md — skill-инструкция для агента;
• README.md — краткая инструкция по установке.

Как работает

В markdown-файле каждая секция ### становится отдельным слайдом.

• Первый ### — hook-слайд.
• Последний ### — CTA-слайд.
• Слово или фраза в [квадратных скобках] получает обводку.
• Тело секции становится текстом слайда.
• На странице есть кнопки скачать текущий слайд или все слайды в PNG.

Как установить в vault

1. Распакуйте архив в корень vault.
2. Убедитесь, что файл layout лежит здесь:
   /_layouts/braind_v1/instaframe.html
3. Создайте папку:
   /instaframes/
4. Создайте новый markdown-файл карусели:
   /instaframes/my_carousel.md
5. Укажите в frontmatter layout:
   layout: braind_v1/instaframe
6. Синхронизируйте vault с Trip2g.

Минимальный файл карусели

---
title: Название карусели
slug: /instaframes/my_carousel
layout: braind_v1/instaframe
free: true
category: Instaframe
---

Короткое описание для себя. Оно не станет слайдом.

### ПОЧЕМУ ВАМ НУЖЕН [ХУК]

Первый слайд должен остановить внимание и быстро назвать боль или обещание.

### ОДИН СЛАЙД — ОДНА [МЫСЛЬ]

Не перегружайте карточку. Лучше 1–3 коротких абзаца, чем длинный текст.

### НАПИШИТЕ МНЕ [В ЛИЧКУ]

Последний слайд должен говорить, что сделать дальше: написать, сохранить, подписаться, открыть ссылку или задать вопрос.

Правило для агента

Если пользователь говорит: «сделай инста карусель», агент не должен сразу молча писать весь файл.

Сначала нужно спросить или предложить варианты:

1. Hook первого слайда — короткая фраза на 3–7 слов, желательно с одним выделением в [скобках].
2. CTA последнего слайда — конкретное действие: написать в личку, оставить комментарий, сохранить, записаться на звонок, открыть ссылку.

Если hook и CTA не готовы, агент предлагает по 3 варианта каждого, согласует с пользователем и только потом создаёт файл instaframes/*.md.

Контентные правила

• 5–7 слайдов — для демо или короткой мысли.
• 8–12 слайдов — для полноценной карусели.
• Заголовок слайда лучше держать коротким.
• В одном заголовке достаточно одного выделения [в скобках].
• Тон: спокойно, по делу, без AI-хайпа и канцелярита.
• Хороший слайд говорит одну мысль, а не пытается вместить статью.

Технические заметки

Trip2g layout использует Jet-шаблон и читает markdown через:

note.PartialRenderer().Sections(3)

Не используйте для этого {{ content }} или Hugo-style {{ .Content }} — это вызовет ошибку layout.

Мобильный preview требует overflow:hidden на контейнере слайда, потому что слайд имеет исходный размер 1080×1350 и масштабируется через CSS transform.

Демо

Рабочий пример: instaframes/ai_agent_process_trust_demo.