Что это
HyperFrames — открытый фреймворк от HeyGen (релиз апрель 2026), который превращает HTML, CSS и JS-анимации в детерминированные MP4-файлы. Композиции описываются обычным HTML с data-атрибутами для тайминга и треков, без React и без проприетарного формата таймлайна. Рендер идёт через headless Chrome (Puppeteer) и FFmpeg, поддерживаются адаптеры анимации GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI. Есть CLI (init/preview/render), веб-студия для редактирования и предпросмотра, встроенный плеер и облачный рендер через AWS Lambda.
Для участника клуба это способ поставить генерацию рекламных роликов и промо-видео на рельсы вайб-кодинга: агент (Claude Code, Cursor, Gemini CLI, Codex и др.) пишет HTML-сцену по одному из 21 готового скилла (product launch, объяснители, PR-диффы с анимацией кода, музыкальные клипы, соцвидео с субтитрами) и рендерит готовый ролик без ручного монтажа. Подходит как шаг в n8n-пайплайне или локальном скрипте: на входе текст/сайт/бриф, на выходе MP4, что закрывает нишу автогенерации рекламных роликов из ссылки на сайт или из текстового описания.
Возможности
- Композиции пишутся как обычный HTML с data-атрибутами для тайминга, без React и проприетарного таймлайна
- 21 готовый AI-скилл: product launch, объяснители, трансформация сайта в видео, музыкальные клипы, соцвидео с субтитрами
- Поддержка анимационных движков GSAP, CSS-анимации, Lottie, Three.js, Anime.js, WAAPI
- Рендер через headless Chrome (Puppeteer) + FFmpeg, детерминированный вывод MP4
- CLI-команды init/preview/render, встроенная веб-студия и плеер для предпросмотра
- Облачный рендер через AWS Lambda для масштабирования без локальных мощностей
- Совместим со скиллами для Claude Code, Cursor, Gemini CLI, Codex и других кодинг-агентов
- Установка через npx skills add heygen-com/hyperframes или npx hyperframes init
Цена: Открытый код под Apache 2.0, без лицензионных отчислений и порогов коммерческого использования; для локального рендера нужны Node.js 22+ и FFmpeg, для облачного рендера через AWS Lambda — собственные AWS-учётные данные (оплата по тарифам AWS, не по тарифам HyperFrames)
