Анимированная карусель через Claude: 4 видео из одной фразы

Вставь одну фразу и получи 4 видео-слайда

Текст слайдов замени на свой, остальное можно оставить как есть:

Собери анимированную карусель для Instagram через HyperFrames.

Формат: 4 слайда, каждый слайд отдельным видео MP4 1080x1350, длина 6 секунд.
Текст появляется построчно, снизу вверх, с паузой полсекунды между строками.

Стиль: фон тёмный графит, заголовки крупно капсом, акцентный цвет оранжевый, шрифт Inter. Сохрани стиль в файл stil.md в этой папке, чтобы следующую карусель собирать в нём же.

На слайде 3 нарисуй столбчатый график с моими цифрами, столбцы растут по очереди.

Текст слайдов:
1: ПОЧЕМУ РИЛС НЕ НАБИРАЮТ ПРОСМОТРЫ / Три причины, которые я нашёл у себя за месяц
2: ПЕРВЫЕ 2 СЕКУНДЫ / Если в начале нет вопроса или цифры, человек листает дальше
3: МОИ ПРОСМОТРЫ ПО НЕДЕЛЯМ / Цифры для графика: 1 неделя 1200, 2 неделя 1900, 3 неделя 4300, 4 неделя 8700
4: ЧТО Я ПОМЕНЯЛ / Вопрос в первой строке, субтитры крупно, ролик короче 30 секунд

Проверь каждый слайд и отрендери в папку gotovo: slide-1.mp4, slide-2.mp4, slide-3.mp4, slide-4.mp4.

Что в этой фразе стоит менять под себя, а что лучше оставить:

Это та самая фраза, которую я вставил в Claude Code на Mac слово в слово, цифры на графике в ней примерные. Разрешения я выдал заранее, поэтому ни на что не отвечал. Собирал я на старшей модели Claude, а HyperFrames у меня стоял набором скиллов (две строки установки я прогонял отдельно, на чистых настройках). На Pro время и расход лимита могут отличаться. Claude сам завёл по проекту на каждый слайд, написал анимацию и проверил каждый слайд глазами по кадрам. Брак на графике он тоже нашёл сам (подписи недель налезали на низ слайда), исправил и собрал видео. Claude работал над этим 11 минут, от Enter до отчёта «карусель готова». Движок и программы для видео у меня к этому моменту уже стояли. У тебя добавится время на ответы на его вопросы о разрешениях, а при первом запуске Claude может ещё что-то доставить

Слайд в HyperFrames устроен как маленькая веб-страница: текст, цвета и движение описаны кодом, а движок пролистывает эту страницу кадр за кадром и склеивает кадры в видео. Поэтому Claude и может сделать карусель из текста: писать такие страницы он умеет, а видео из них делает уже HyperFrames

Как понять, что всё получилось

Первый знак успеха ты увидишь в самом Claude Code. У меня отчёт начался так:

Карусель готова: все 4 видео лежат в `gotovo/`.

Потом открой папку, в которой запускал Claude Code. Успех видно по трём вещам:

1. В папке gotovo лежат четыре файла slide-1.mp4, slide-2.mp4, slide-3.mp4, slide-4.mp4. Каждый открывается двойным щелчком как обычное видео. У меня каждый весил около 300 КБ и длился ровно 6 секунд
2. Рядом появился файл stil.md: в нём цвета, размеры шрифта, раскладка слайда, тайминги появления строк и инструкция, как собрать следующую карусель в том же виде. Это твой стиль в одном файле
3. На слайде с графиком столбцы растут по очереди, как просила фраза, и над каждым стоит твоё число. У меня Claude сам добавил счёт цифр от нуля и выделил последний столбец акцентным цветом, у тебя детали могут отличаться

Обычно Claude в конце пишет отчёт, как он понял твои указания. Если написал, прочитай: в моём прогоне он честно написал, что «снизу вверх» понял как направление движения строки, а не как порядок строк, и предложил поменять, если я имел в виду другое. Такие места правятся одной фразой в тот же чат

Если у тебя другой случай

Claude Code или программ для видео ещё нет. Если Терминал ответил «command not found: claude», Claude Code в Терминале у тебя ещё нет (расширение для VS Code эти строки не понимает). Поставь его официальной строкой Anthropic curl -fsSL https://claude.ai/install.sh | bash, закрой окно, открой новое и повтори пять строк. При первом запуске claude сначала попросит войти в аккаунт Claude через браузер, потом задаст вопрос о доверии к папке. Для сборки видео HyperFrames нужны ещё две бесплатные программы: Node.js версии 22 или новее и FFmpeg, который склеивает кадры в видео. У меня обе уже стояли, поэтому их установку на чистом Mac я не прогонял. Проверить, всего ли хватает, можно фразой Claude «проверь, всё ли есть для HyperFrames, и скажи, чего не хватает»

Хочешь стиль с картинки-образца. Положи в папку картинку со стилем, который нравится (скрин своего поста или чужого слайда), и вставь в Claude Code фразу:

В папке лежит картинка obrazec.jpg. Возьми с неё стиль: цвета фона и текста, шрифт, как расположен текст. Опиши этот стиль в файле stil.md в этой папке, чтобы следующие карусели собирались в нём же.

Потом собери по этому стилю анимированную карусель через HyperFrames: 2 слайда, каждый отдельным видео MP4 1080x1350, 6 секунд, текст появляется построчно.
1: КАК Я ВЕДУ БЛОГ ЗА 30 МИНУТ В ДЕНЬ / Листай, покажу по шагам
2: ШАГ 1: ИДЕИ ЗАРАНЕЕ / Раз в неделю записываю 7 тем в заметки

Отрендери в папку gotovo: slide-1.mp4, slide-2.mp4.

Я проверил её на слайде карусели, которую выпускал. Claude снял с картинки цвета пипеткой и подобрал похожие шрифты: Oswald для заголовка, Inter для подписи. Сам предупредил, что точно определить шрифт по картинке нельзя. Поля, отступы и тайминги он расписал в stil.md и через 5 минут отдал два видео в этом стиле. Декоративный рисунок внизу образца он в слайды не перенёс и написал почему: это обрезанный кусок конкретной иллюстрации

Следующая карусель в том же стиле. Открой Claude Code в той же папке, где лежит stil.md, и напиши «Собери новую карусель в стиле из stil.md», а ниже текст слайдов в том же виде «номер: заголовок / подпись». Стиль заново описывать не нужно, он уже в файле. В моём stil.md Claude сам дописал раздел «Как собрать новую карусель в этом стиле»: какой файл править и какую команду запускать

Нужны свои цифры на графике. Claude рисует график из тех чисел, которые ты написал во фразе, из твоего аккаунта он их не возьмёт. Выпиши цифры из статистики сам и вставь в строку слайда, как в примере выше. Если хочется другой вид, в каталоге HyperFrames есть готовые блоки: растущие столбцы, линия, кольцо прогресса. Попроси Claude прямо: «сделай график блоком Animated Bar Chart из каталога HyperFrames»

У тебя ChatGPT, а не Claude. В обычном чате ChatGPT так не получится: нужен Codex, программа ChatGPT для работы с файлами на компьютере. Codex входит в планы ChatGPT, включая бесплатный. HyperFrames в Codex ставится фразой самому Codex: «выполни npx -y skills add heygen-com/hyperframes -a codex -g -y», дальше фраза для карусели та же. Установку HyperFrames в Codex я проверял, а саму карусель собирал в Claude Code, в Codex её целиком не прогонял. Как поставить Codex, написано в быстром старте Codex

Нужна не анимация, а обычная карусель с картинками. Для статичных слайдов HyperFrames не нужен: тексты даёт нейросеть по способу из статьи карусель для Instagram нейросетью, а если мысль проще наговорить, есть способ собрать карусель из голосовой заметки. Если нужен единый дизайн статичных слайдов по твоему фото, это карусель через ИИ-агента за 10 минут

Нужен не слайд, а вертикальный ролик или отдельная анимация. Для роликов 1080x1920 в Claude есть свои скиллы монтажа, а для анимированного стикера или иконки без видео-слайда подойдёт анимация через LottieFiles в Claude Code

Выкладываем видео-карусель в Instagram

Выкладываешь как обычную карусель, через «Публикация» и выбор нескольких файлов. Файлы из gotovo сначала перекинь на телефон, например AirDrop на iPhone: Instagram берёт их из галереи телефона. Для видео-слайдов важны три ограничения:

Если хочешь собрать карусель прямо в приложении Edits, вперемешку с фото и с музыкой, там есть свой редактор: как его включить, я разобрал в статье как сделать карусель в Edits

Что ломается и что делать

Источники

• GitHub heygen-com/hyperframes - что такое HyperFrames, две строки установки для Claude Code, строка для других агентов, требования Node.js 22+ и FFmpeg, лицензия Apache 2.0
• HyperFrames: каталог блоков, раздел Data & charts - готовые блоки графиков: Animated Bar Chart, Data Chart, Minimal Line Graph
• Claude Code: установка - официальная строка установки Claude Code для Mac
• Use Claude Code with your Pro or Max plan - Claude Code входит в подписки Pro и Max
• Codex: тарифы - Codex входит в планы ChatGPT Free, Go, Plus, Pro, Business, Edu и Enterprise
• Codex: быстрый старт - как поставить Codex
• How Instagram's 20-slide carousels work - до 20 фото и видео, видео до 60 секунд, 1080x1350, первый слайд задаёт формат всей карусели
• Instagram Carousel Limit Doubled to 20 Photos or Videos - лимит карусели вырос с 10 до 20

Памятка: анимированная карусель через Claude

Сохрани скриншотом, пригодится, когда будешь собирать следующую карусель

Частые вопросы