Набор инструментов, который позволяет AI-агентам для написания кода превращать вирусное видео в редактируемый и повторно запускаемый видеопроцесс со сменными кадрами, субтитрами и B-roll.
23,5 тыс.2,8 тыс.TypeScriptOtherОбновлён 3 дня назад
heygen-com/hyperframes
Фреймворк с открытым исходным кодом, который превращает HTML, CSS, медиафайлы и анимации с поддержкой перемотки в детерминированные MP4-видео и предназначен для AI coding agents.
- Звёзды
- 66,562
- Форки
- 6,018
- Открытые issues
- 368
- Последний коммит
- 3 часа назад
Что это?
HyperFrames позволяет описывать видео в HTML-файле. Тайминги и дорожки задаются через data-атрибуты, а анимацию можно создавать с помощью GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI или собственного адаптера. Рендерер обрабатывает каждый кадр в headless Chrome, а затем кодирует результат с помощью FFmpeg, поэтому один и тот же вход всегда даёт одинаковый результат.
Проект рассчитан на разработчиков и AI coding agents, которые уже пишут на HTML. В комплекте есть CLI для создания заготовок, предпросмотра с автоматической перезагрузкой, линтинга и локального рендеринга или рендеринга в Docker, а также набор навыков для агентов, которые помогают пройти весь процесс — от планирования до рендеринга. Для распределённых задач также поддерживается рендеринг в AWS Lambda.
Композиции представляют собой обычные HTML-файлы и не требуют сборки, поэтому index.html можно открыть и посмотреть прямо в браузере. В каталоге собраны готовые переходы, оверлеи, графики и субтитры, которые можно добавить одной командой.
Ключевые возможности
- 01Композиции оформляются как HTML-файлы с data-атрибутами для таймингов и дорожек.
- 02Поддерживаются GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI и собственные адаптеры анимации.
- 03Детерминированный рендеринг достигается обработкой кадров в headless Chrome и кодированием с помощью FFmpeg.
- 04В комплекте есть CLI для init, preview, lint и render, а также поддержка Docker.
- 05Навыки для агентов помогают планировать и создавать видео по промптам.
- 06Доступен рендеринг в AWS Lambda для распределённых задач.
Сценарии использования
- Создание видео о запуске продукта или новых функциях на основе веб-контента.
- Создание анимации графиков или карт на основе данных с одинаковым результатом при рендеринге в CI.
- Автоматизация создания повторно используемой моушн-графики в контентных пайплайнах.
- Создание видео с помощью AI coding agents, которые пишут HTML.
Темы
Частые вопросы
- Что такое hyperframes?
- Фреймворк с открытым исходным кодом, который превращает HTML, CSS, медиафайлы и анимации с поддержкой перемотки в детерминированные MP4-видео и предназначен для AI coding agents. HyperFrames позволяет описывать видео в HTML-файле. Тайминги и дорожки задаются через data-атрибуты, а анимацию можно создавать с помощью GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI или собственного адаптера. Рендерер обрабатывает каждый кадр в headless Chrome, а затем кодирует результат с помощью FFmpeg, поэтому один и тот же вход всегда даёт одинаковый результат.
- hyperframes можно использовать бесплатно? Какая у него лицензия?
- hyperframes распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- hyperframes всё ещё поддерживается?
- Активно поддерживается. Последний коммит в hyperframes — 18 окт. 2026 г..
- Для чего можно использовать hyperframes?
- Создание видео о запуске продукта или новых функциях на основе веб-контента. Создание анимации графиков или карт на основе данных с одинаковым результатом при рендеринге в CI. Автоматизация создания повторно используемой моушн-графики в контентных пайплайнах. Создание видео с помощью AI coding agents, которые пишут HTML.
- Где скачать hyperframes?
- Исходный код и инструкции по установке — на GitHub: https://github.com/heygen-com/hyperframes
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Набор Agent Skills с рекомендациями по созданию видео в Remotion и React для AI-агентов, пишущих код.
5,3 тыс.588TypeScriptБез лицензииОбновлён 3 дня назад
Платформа автоматизации рабочих процессов по fair-code для создания AI-агентов и сценариев с визуальным холстом, собственным кодом и более чем 1500 интеграциями.
207,9 тыс.61,2 тыс.TypeScriptOtherОбновлён 1 час назад
ManimGL — движок на Python, созданный автором 3Blue1Brown для программной анимации с точным управлением, используемой в обучающих видео по математике.
95,3 тыс.7,8 тыс.PythonMITОбновлён в прошлом месяце
Система агентного видеопроизводства с открытым исходным кодом: превращает AI-ассистента для программирования в студию с конвейером для исследований, написания сценариев, создания материалов и рендеринга.
69,5 тыс.9 тыс.PythonAGPL-3.0Обновлён позавчера
Фреймворк на базе Claude Code для поиска работы на своём компьютере: оценка вакансий, адаптация резюме, написание сопроводительных писем и подготовка к собеседованиям.
52,5 тыс.17,2 тыс.PythonMITОбновлён 2 часа назад