Преобразует статью, заметки, тему или краткое описание в faceless explainer для HyperFrames: без съёмки сайта и готовых видеоматериалов. Планирует историю по кадрам, придумывает для них визуалы и собирает итоговый MP4.
Возможности
- Принимает исходный текст и сохраняет его как источник информации; порядок абзацев не ограничивает структуру ролика.
- Создаёт
STORYBOARD.mdи при необходимостиSCRIPT.md, а затем дополняет раскадровку визуальными указаниями для каждого кадра. - Использует типографику, абстрактную графику, диаграммы и data-viz вместо снятых материалов.
- Собирает кадры в HTML-композиции, добавляет озвучку, музыку и субтитры, проверяет и рендерит видео.
- Поддерживает пользовательские цвета и шрифты, а также отдельное изображение в
public/<basename>.
Когда использовать
- Нужно объяснить концепцию, тему или инструкцию на основе текста.
- Нужен ролик-список или обучающее видео без съёмки продукта и сайта.
- Требуется превратить заметки или статью в историю с покадровой раскадровкой и авторскими визуалами.
Установка
Инициализировать проект HyperFrames:
npx hyperframes init "videos/<project>" --non-interactive --example=blank --skill=faceless-explainer
Примеры
Собрать frame.md и тему субтитров из выбранного пресета:
node <SKILL_DIR>/scripts/build-frame.mjs --preset <name> --hyperframes .
Файл capture/extracted/tokens.json для проекта без брендовых цветов и шрифтов:
{ "title": "", "description": "", "colors": [], "fonts": [] }
Отрендерить итоговое видео:
npx hyperframes render --skill=faceless-explainer --quality high --output renders/video.mp4
Установка
npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer