HyperFrames - видео из HTML (open source от HeyGen)

Что это. Фреймворк «Write HTML. Render video»: HTML, CSS, медиа и анимации превращаются в детерминированный MP4. Детерминированный - значит один и тот же код всегда даёт один и тот же ролик, без лотереи генеративных моделей. Открыт компанией HeyGen (чьи аватары мы разбирали в гайде [avatary-heygen]).

Что умеет.

• Рендер видео из веб-технологий: всё, что можно сверстать, можно превратить в ролик - титры, графики, анимации интерфейсов, продуктовые демо.
• 19 скилов для агентов: учат Claude Code полному производственному циклу - спланировать ролик, написать валидный HTML, подключить seekable-анимации, добавить медиа, отлинтовать, отсмотреть превью, отрендерить.
• Каталог готовых блоков (например, data-chart для анимированных графиков) и веб-плейграунд hyperframes.dev.
• CLI для локальной работы без агента.

Как поставить. npx skills add heygen-com/hyperframes --yes, затем промпт вида: «Через /hyperframes сделай 10-секундное интро продукта: заголовок с fade-in, фоновое видео, лёгкая музыка». Работает с Claude Code, Cursor, Gemini CLI, Codex.

Когда пригодится. Заставки и интро для роликов, анимированные объяснялки с точным контролем каждого кадра, автоматическая генерация видео-контента конвейером (сравни с нашим паком «Контент-конвейер»).