ИИ Агент вместо монтажера — как Claude Code заменил мне Premier Pro
11:55

ИИ Агент вместо монтажера — как Claude Code заменил мне Premier Pro

Продуктивный Совет 29.05.2026 8 236 просмотров 274 лайков

Machine-readable: Markdown · JSON API · Site index

Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
HyperFrames — революционный open-source проект от создателей HeyGen, который превращает описание на естественном языке в готовую motion-графику, и все это абсолютно бесплатно. Вы узнаете, как установить HyperFrames в свою среду разработки, будь то Claude Code, OpenCode или любая другая. Мы разберем весь процесс: от подготовки и установки зависимостей (Node.js, FFmpeg) до использования готовых «скиллов» для анимационных библиотек. Погрузимся в огромный каталог готовых эффектов, переходов, анимированных плашек и инфографики. 🔥 Наш новый поток по ИИ Агентам для Дизайна - https://t.me/how2ai_bot?start=dl-1780051137ef3ccdd7717c Реклама. ИП "Гаврилов Даниил Сергеевич" erid: CQH36pWzJqV7DdPpbGabLvKdqdmVoAebESHtUfkLdnrnyz Партнер канала — Selectel, провайдер ИТ-инфраструктуры для ИИ-проектов разной сложности: https://slc.tl/6mofg Реклама. АО «Селектел», ИНН 7810962785. erid: CQH36pWzJqV7DdPpSXtWGH4k595PUT7ALPo1syRssCxTje Таймкоды: 00:00 – Интро 00:27 – Что такое HyperFrames? 01:00 – Установка и подготовка среды 03:03 – Кейсы: что умеет HyperFrames 03:33 – Обзор каталога эффектов и переходов 05:37 – Работа с ассетами в проекте 06:46 – Создаем видео из веб-сайта 08:23 – Генерация голоса (Text-to-Speech) 09:31 – Стратегии промптинга: холодный и теплый старт 10:10 – Рекомендуемый рабочий процесс 10:49 – Выводы Бусти – https://boosty.to/prodadvice/single-payment/donation/535968/target?share=target_link Тг How2AI – https://t.me/How2AI Тг чат How2AI – https://t.me/how_to_AI Тг Креативный Совет – https://t.me/creadvice 🥸 Личный тг Дяди Д – https://t.me/true_dyadya_d

Оглавление (11 сегментов)

Интро

А ты знал, что Клод умеет создавать и редактировать видео? Совершенно без знаний программирования, графики, удобное представление любой визуальной информации. Можно даже просто взять сайт, скопировать его ссылку и получить видео идеально в стиле этого сайта. И самое главное, всё это можно использовать абсолютно бесплатно. Люди-роботы, привет. С вами Продсовет. Как всегда я, Игорян, и сегодня мы разберём HyperFames. Это проект от любимый мною команды HGEN, который они

Что такое HyperFrames?

выпустили в Open Source. И проект этот настолько интересный, что за несколько месяцев вокруг него выросла целая экосистема. Сегодня мы разберём всё: что это, как установить, что умеет и как это всё вам поможет. Концепция Hyperframes простая до безобразия. Ты человеческим языком описываешь видео, оно рендерится как HTML-файл. Можно добавить атрибуты для тайминга, треков, анимаций. И Hyperframe рендерит всё это в MP4. И сначала давайте разберёмся с самым важным. Для того, чтобы использовать Hyperframes, вам нужна будет какая-то среда, где LM сможет всем этим делом

Установка и подготовка среды

заниматься. В моём случае это платный клод-код. И помимо клод-кода вы можете использовать другие CLI или IDE, курсор, кодекс, Gemini CLI, Open Code и так далее. Кстати, среди этого далее Hyperframes работает также и срмесом, про который мы делали недавно ролик. И на самом деле для удобной визуализации того, что вы делаете в Hyperframes, можно использовать Cloud дизайн или Open Design. Но у Hyperframes есть свой веб-интерфейс, поэтому эти инструменты избыточны. Для работы через ClД-код вам потребуется Node JS двадцать второй или старшей версии и FFMPEG, но это всё не так важно. Куда важнее репозиторий Hyperframes на GitHub. По сути, это всё, что нужно нам помимо клод-кода. Мы копируем ссылочку, хотя можно на самом деле даже и без этого. Моя рекомендация просто закинуть ссылку на репозиторий и написать: "Хочу Hyperframes". Установи всё, что мне надо, и добавь все скилы. И на самом деле эту ссылку можно даже не прикреплять. Я это просто делаю для надёжности. Но клод-код и просто вот по этому одному предложению сможет вам всё установить. Предварительно, естественно, выберите директорию, в которой будут размещаться все файлы вашего видеоагента. После того, как Clot установит вам Node JS и FFPEG, можно через команду NPX Hyperframes Preview открыть webinface Hyperframes. После установки в CloudДcд должны появиться команды/h Hyperframes для создания композиции, другие, честно говоря, не особо нужные команды, которые вы, если что, всегда можете спросить у клодкода, а также скилы для каждой анимационной библиотеки. На всякий случай скажу, что скилы - это очень важные паттерны того, как нужно работать с каждой из библиотек анимаций. То есть модель понимает, как правильно структурировать тайминг, чего стоит делать, а чего делать не стоит, как лучше писать, как лучше не писать. И, кстати, этот ролик сделан при поддержке Селектелла. И если хочешь запустить Hyperframes на нормальном сервере, Select даст GPU под любой Pipeline. Ссылочка в описании. Ну и давайте перейдём к кейсам, потому что тут действительно важно понять диапазон того, что вообще Hyperframe сможет. В

Кейсы: что умеет HyperFrames

основе это анимированные карточки, какие-то презентации, текст оверлея, то есть текст вторым слоем, лоусёрды брендированные интро и аутро. Из прикольного субтитры прямо в рендере. Шикарные инфографики. Если подключить сюда, то вы прямо говорящие головы, то есть аватаров сможете делать. Если интересно посмотреть подробнее про Хайген, то у нас тоже на канале был ролик. Ну и что говорить-то? У Hyperframes есть свой каталог. В каталоге у нас, значит, есть несколько основных групп. Во-первых - это описание, про который я вам сказал. То

Обзор каталога эффектов и переходов

есть, ээ, субтитры под то, что вы делаете. Далее у нас есть Visual Effects, то есть прямо, ну, такие вот WFксики очень красивые. Смотрите, какая вообще красота. Всё перетекает. Liquid глаз, как можете видеть, уже добавили. То есть можно вот эти вот эффектики полупрозрачные и пловские добавлять везде. Магнетик. Смотрите, какая штука. Вообще интересное, оно, блин, очень круто. Вот такую анимацию я не уверен, что кто-то другой может сделать без какого-то постпродакшна. То есть вот именно на этапе LLM то, что генерируется такой эффект, это, конечно, очень и очень круто. Ну вот вы такое видели вообще где-нибудь. Далее склейки. Из склеек тут вообще прилично, конечно же. Сцена А, сцена Б. Вот с таким вот интерфейсиком справа гличовый вот такой вот переходик у нас есть. И, короче, можно в этом копаться достаточно долго. Далее у нас вкладочка эффектов, где есть, например, эффекты текстовые, всякие социальная история. Вот тут оптимизировано уведомление можно. Карточка из Икса, Ютубовская история, кстати. Подписывайтесь на наш канал. Вот такие вот пресеты там под американские карты есть и так далее. Пресетов, на самом деле, этих, конечно же, очень много. пресеты всяких для работы с логотипами, для показывания ваших каких-то демок, превьюшек, приложений, рисование каких-то там деревьев и подсчёт денег. Конечно же, если в интерфейсе HyperFes вам это не очень приятно и понятно, то вы всегда можете зайти в Hyperframes каталог и вот в таком виде списка посмотреть э в целом то же самое. Я не знаю, кстати, что они куда раньше добавляют, но подозреваю, что примерно одинаково оно будет везде появляться. Мы можем как установить это отсюда, так и в интерфейсе Hyperframes мы можем либо попросить агента, то есть как-то изменить то, что вот мы будем видеть в этой анимации, чтобы она была подстроена под наш конкретный случай, либо просто добавить его напрямую в проект. Ну и далее самая приятная работа со всем этим. Во вкладочке Assets мы размещаем все наши асеты, которые нужны

Работа с ассетами в проекте

для нашего проекта. В частности, это всякие СВГ, PН, JPG, музыкальные аудио и видеофайлы. И в числе прочего вы можете закинуть сюда видео того, как вы говорите, чтобы потом Hyperframe всё это за вас нарезал. Также эти компоненты могут быть размещены и просто в папке, в которой вы будете работать. Справа вы увидите ваши рендеры и файл по слоям. Это, наверное, одно из главных преимуществ, потому что, ну, вот восьмидесятислойный файл можно взять посмотреть послойно плюс взять и, например, удалить какой-то непонравившийся вам элемент или вот пододвинуть его куда-нибудь. Плюс, конечно же, можно настраивать все компоненты отдельно вот в этом окошке дизайн. И посмотрите, тут достаточно, конечно, подробно после ремоушена и после вообще всех агентных историй для создания motion графики. Это эволюционно гибко. И, конечно, ну, вообще я в восторге, ребята. Степень контроля невероятно высокая, но при этом

Создаем видео из веб-сайта

всё очень легко устанавливается, поэтому, блин, это, конечно, очень и очень крутая штука. прекрасно то, что вы можете вытаскивать компоненты не только из библиотеки Hyperframes, но и просто из чужих сайтов. Заходим, например, на сайт протсовета. Ну давайте вы разраб, тут у нас побольше асетиков. Копируем адрес, кидаем его агенту и пишем помимо просто веб-страницы, вы, естественно, можете просто закинуть, например, HTML или PDF файл, где будут какие-то гайдлайны вашего бренда. В общем, чтобы не грузить лишней информации, кидая сайт, намного проще сделать такой минимально весящий файл, который будет максимально быстро, правильно считываться к лод-кодом. Кстати, намного глубже в эту тему мы будем погружаться с 8 июня на нашем интенсиве по дизайну с помощью и агентов. Мы подробно разберём motion дизайн, webдизайн, просто графический дизайн, весь тег, который мы разобрали в этом ролике. Hyperframes через Cloud CД Codex Open CД углубимся в CloudД design, в Open дизайн и даже затронем Hixfield superкомпьютер. Разберём, как настраивать ей агентов так, чтобы они оптимально качественно и быстро работали в этих направлениях. Промптинг, общая настройка, разница инструментов, всё это там будет. По итогам за неделю вы выработаете правильный образ мысли и агентного дизайнера, сможете делегировать большинство нудных задач. И, главное, выберите свой стек под ваши конкретные задачи. Ссылочка, естественно, в описании. Ещё одна сила Hyper Frames - это текст to spech, то есть возможность прямо внутри клод-кода

Генерация голоса (Text-to-Speech)

генерировать голос из текста. Как вариант, естественно, всегда есть Eleвеel Laaps, который максимально качественно и классно это делает. Но если вы хотите делать это бесплатно, вы можете использовать Кокоро. Из проблем Кокоро не генерирует русскую речь. Что-то вот такое будет у вас получаться. Но как минимум вы можете через компьютер use попросить Клода зайти в сайт 11 Labs, там всё это вручную бесплатно сделать, скачать полученное аудио и далее уже его использовать. Моя личная рекомендация, конечно, использовать платные Levelaps. Там у вас вообще не будет проблем с озвучкой, с тем, в какие секунды что происходит и как голос синхронизирован с анимациями, которые мы будем видеть на экране в этот момент. Если же качество вам не так нужно, то вы можете сделать полностью бесплатный стек. Это Open Cми моделями, ну либо вообще локальный запуск каких-то моделей. Node JS, FFPG и Coca либо какая-то другая бесплатная альтернатива, которую, я уверен, можно найти и на Интенсиве мы об этом поговорим просто, ну, пока руки не дошли. Сами HyperFames выделяют два вида промпто. Холодный старт, где вы буквально описываете, что

Стратегии промптинга: холодный и теплый старт

вам нужно создать, либо тёплый старт, когда вы, наоборот, наваливаете в него информацие, например, URL или какой-то файл, транскрипт, и просите всё вот это вот синтезировать в какой-то ролик. И как заявляют сами, warm start, то есть тёплый старт, будет создавать более классные и более насыщенные видео, по сути, потому что агент будет подходить к задаче креативнее, он будет как-то проверять разные стороны, как правильнее какую-то тему раскрыть, с помощью чего это всё визуализировать. Короче, просто больше свободы, более классные результаты. Рекомендуемый рабочий процесс - это предсказуемо сначала создать основу для этого проекта через NPX, Hyperframes, Init My Video, что

Рекомендуемый рабочий процесс

если что, можно делать и внутри клод-кода сразу, просто написав: "Сделай новое видео в Hyperframe. " Далее закидываете туда весь контекст, который у вас есть, то есть весь шрифт, все цветовые гаммы, все гайды, короче, которые у вас есть, закидываете вовнутрь. Внутрь, если что, это либо рабочая папка, либо веб-интерфейс. Но готовьтесь к тому, что в веб-интерфейс вы не сможете закинуть, например, HTML-файл. Ну а далее итерируем, то есть повторяем. Что-то не понравилось, пишем поправь. Что-то понравилось, ничего не пишем. Короче, Hyperframes - это возможно сделать из вашего клодкода, Openкода, Пхермеса, Gemini Cla или

Выводы

кодекса. Полноценный видеоредактор. Ты описываешь. Агент пишет HTML, на итоге рендерит это в MP4. Это не диффузионная трошачина с артефактами. Тут красивые векторные анимации. Ну, вы видели их и сами. Использовать можно абсолютно бесплатно, но если вы хотите суперкачественные результаты, то придётся заплатить. Самое приятное, конечно же, это полный контроль через обычное человеческое общение с чатом. Если хотите углубиться в эту тему, то приходите к нам на Интенсив с 8 июня. Там мы с дяде Де сделаем классный контент. Ну и если этот ролик оказался полезным, то будем рады вашим лайкам, подписочкам, комментариям и колокольчиком. С вами был продуктивный совет. Я Игорян. И в каждое воскресенье у нас выходят новости нейросетей, поэтому увидимся в это воскресенье. Пока.

Другие видео автора — Продуктивный Совет

Ctrl+V

Экстракт Знаний в Telegram

Экстракты и дистилляты из лучших YouTube-каналов — сразу после публикации.

Подписаться

Дайджест Экстрактов

Лучшие методички за неделю — каждый понедельник