Skills/HyperFrames: видео из HTML

HyperFrames: видео из HTML

6 августа 2026

Точка входа в HyperFrames — фреймворк HeyGen, где видео и моушн-графика пишутся на HTML, CSS и JS. Покрывает промо, объясняющие ролики, титры, слайдшоу и порт с Remotion.

Описание

АнимацияБесплатно

Точка входа в HyperFrames — фреймворк HeyGen, где видео и моушн-графика пишутся на HTML, CSS и JS. Покрывает промо, объясняющие ролики, титры, слайдшоу и порт с Remotion.

Название
HyperFrames: видео из HTML
Категория
Анимация
Что умеет
  • создаёт видео и моушн-графику кодом
  • делает титры и оверлеи
  • собирает слайдшоу и промо-ролики
  • помогает перенести проект с Remotion
Источник
heygen-com/hyperframes
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/hyperframes/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit heygen-com/hyperframes/skills/hyperframes .claude/skills/hyperframes
.claude/skills/
└── hyperframes/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадHyperFrames CLIДалееRemotion: лучшие практики
.claude/skills/hyperframes/SKILL.md
  1. 1---
  2. 2name: hyperframes
  3. 3description: Точка входа в HyperFrames — фреймворк HeyGen, где видео и моушн-графика пишутся на HTML, CSS и JS. Покрывает промо, объясняющие ролики, титры, слайдшоу и порт с Remotion.
  4. 4---
  5. 5​
  6. 6# HyperFrames: видео из HTML
  7. 7​
  8. 8Точка входа в HyperFrames — фреймворк HeyGen, где видео и моушн-графика пишутся на HTML, CSS и JS. Покрывает промо, объясняющие ролики, титры, слайдшоу и порт с Remotion.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Создаёт видео и моушн-графику кодом
  13. 13- Делает титры и оверлеи
  14. 14- Собирает слайдшоу и промо-ролики
  15. 15- Помогает перенести проект с Remotion
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit heygen-com/hyperframes/skills/hyperframes .claude/skills/hyperframes
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.