HyperFrames: пишете HTML, получаете видео

Обычно видео собирают в монтажной программе: дорожки, ключевые кадры, шаблоны. HyperFrames от HeyGen предлагает другое: видео описывается как веб-страница, а на выходе получается MP4. Как это работает. Ролик задаётся в HTML: у каждого элемента есть время старта, длительность и номер дорожки. Анимация делается тем, что веб-разработчик уже знает: CSS, GSAP, Lottie, Three.js, Anime.js. Фреймворк прокручивает страницу покадрово и склеивает кадры в MP4. Результат детерминированный: одна и та же страница даёт одно и то же видео. Зачем это нужно. Видео становится кодом. Его можно хранить в git, ревьюить, собирать в CI и генерировать по данным. Авторы приводят такие примеры: анонсы продуктов, разбор PR с анимированными диффами, закадровым голосом и субтитрами, графики и анимация карт, ролики из документации или PDF, повторяемая графика для автоматических контент-конвейеров. Отдельный акцент на ИИ-агентах. Проект поставляется с семью навыками для Claude Code, Codex, Cursor, Gemini CLI и других. Агент учится циклу: спланировать ролик, написать корректный HTML, подключить анимацию и медиа, проверить, посмотреть превью и отрендерить. Авторы предлагают запрос вроде такого: «Сделай 10-секундное интро продукта с плавным заголовком, фоновым видео и тихой музыкой». Для готовых элементов есть реестр примерно из 450 блоков: переходы, титры, субтитры, диаграммы, карты, 3D. Без агента то же делается из командной строки: npx hyperframes init my-video npx hyperframes preview npx hyperframes render Нужны Node.js 22+ и FFmpeg. Фреймворк на TypeScript, лицензия Apache 2.0. Репозиторий создан в марте, звёзд около 75 тысяч, за последнюю неделю плюс 5,4 тысячи. Релизы выходят часто. Кому интересно: тем, кто делает много однотипных роликов, и тем, кто хочет, чтобы видео собирали агенты или скрипты, а не человек в редакторе. GitHub: heygen-com/hyperframes