# hyperframes

Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов.

- плагин · `type=plugin` · Claude Code · ★ 72481
- Автор: HeyGen
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/heygen-com/hyperframes
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/plugins/hyperframes

## Что делает

Плагин связывает Claude Code с движком HyperFrames, который преобразует вёрстку на HTML и CSS в детерминированные видео формата MP4 с поддержкой анимаций GSAP. Агент получает инструкции по полному производственному циклу: от планирования структуры разметки до предпросмотра и сборки таймлайна.

Внутри заложены навыки для управления видеопроектом. Команда `/hyperframes:hyperframes` передаёт агенту правила композиции и оформления субтитров. Через консольный интерфейс инструмент даёт просматривать отдельные кадры и рендерить результат локально или в облаке.

Для запуска требуется Node.js версии 22 или выше. Старые версии среды приведут к ошибкам при сборке.

## Установка

### Claude Code (родная платформа)

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin install hyperframes@claude-plugins-official
```
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-community
```
В чате агента (не в терминале):
```text
/plugin install hyperframes-by-heygen@claude-community
```
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-official
```

## Когда брать
- собирать детерминированные MP4-видео из HTML и CSS
- анимировать элементы вёрстки с помощью таймлайнов GSAP
- накладывать субтитры и графику на видеоряд
- рендерить видео локально или в облаке через CLI

## Примеры запросов агенту
- /hyperframes:hyperframes Создай 10-секундный промо-ролик с плавным появлением заголовка, фоновым видео и музыкой.
- /hyperframes:hyperframes Собери композицию с субтитрами поверх видео и настрой анимацию текста через GSAP.
- /hyperframes:hyperframes Подготовь видеоряд из веб-страницы и отрендери итоговый MP4 локально.

## Похожие
- [example-skills](https://affpapa.org/nevibecode/plugins/example-skills.md) — плагин · ★ 183839
- [playground](https://affpapa.org/nevibecode/plugins/playground.md) — плагин · ★ 44635
- [frontend-design](https://affpapa.org/nevibecode/plugins/frontend-design.md) — плагин · ★ 44635
- [uizze](https://affpapa.org/nevibecode/plugins/uizze.md) — плагин · ★ 40418
- [project-documenter](https://affpapa.org/nevibecode/plugins/project-documenter.md) — плагин · ★ 40418
- [power-bi-development](https://affpapa.org/nevibecode/plugins/power-bi-development.md) — плагин · ★ 40418

Из того же набора: [heygen-com/hyperframes](https://affpapa.org/nevibecode/by/heygen-com/hyperframes.md) — 15 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md