HE
website-to-video
Превращает сайт или URL в видео с использованием скриншотов и фирменных элементов. Подходит для демонстрации портфолио, блогов, документации или лендингов. Не предназначен для промо-роликов продуктов.
Что делает навык
Навык превращает URL-адрес веб-сайта или Figma-макет в профессиональное видео, используя скриншоты и фирменные элементы. Он предназначен для демонстрации портфолио, блогов, документации или лендингов, но не подходит для создания промо-роликов продуктов.
Когда применять
- Создание 15-секундного клипа для Instagram из веб-сайта
- Запись 30-секундного тура или демонстрации сайта по ссылке
- Генерация видео из визуальных элементов собственной домашней страницы
- Конвертация Figma-макета в видео с сохранением бренд-токенов
Как работает
- Выполнить команду npx hyperframes skills update website-to-video для обновления навыка
- Определить маршрут: если задача — промо продукта, перенаправить на /product-launch-video; если это общий сайт или Figma, продолжить работу
- Если источник — Figma, запустить /figma для экспорта активов и реконструкции сторборда; если это живой сайт, сделать скриншот
- Вызвать /media-use для получения аудио (BGM/SFX) и логотипов из каталога HeyGen, предварительно выполнив --adopt для регистрации существующих активов
- Собрать видео из захваченных визуальных элементов и медиа-ресурсов согласно брифу
- Взаимодействовать с пользователем на этапах с пометкой 💬 для уточнения предпочтений, если не включен автономный режим
Примеры запросов агенту
Преврати этот сайт в 15-секундный ролик для Instagram
Сделай 30-секундный обзор сайта по адресу https://...
Захвати нашу главную страницу и собери из неё видео
Что понадобится
- Инструменты HyperFrames (npx hyperframes)
- Доступ к каталогу HeyGen для медиа-ресурсов
- Наличие /media-use и /figma навыков (при необходимости)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «website-to-video» из репозитория:
# https://github.com/heygen-com/hyperframes
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r website-to-video/ ~/.claude/skills/website-to-video/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.