Навык создаёт короткую motion graphic без озвучки, где движение передаёт основную мысль: например, анимирует заголовок, график, логотип или веб-страницу. Обычно ролик длится меньше 10 секунд; результат — MP4 или прозрачный overlay.
Возможности
- Создаёт kinetic-type, stat, charts, logo-reveal, lower-thirds и maps.
- Ищет или подготавливает assets для webpage, news, tweet и asset-fusion; сначала подбирает материал, затем строит вокруг него сцену.
- Собирает композицию из готовых блоков HyperFrames, а недостающие части дописывает вручную.
- Проверяет проект через
lintиcheck, делает proof snapshots и исправляет ошибки. - После отдельного подтверждения рендерит MP4 или прозрачный overlay в WebM или MOV.
Когда использовать
- Нужны короткая анимация заголовка, цитаты, числа, графика или логотипа.
- Нужно анимировать веб-страницу, новостную статью, tweet, карту или связать изображение с графиком.
- Ролик короткий, без озвучки и без live-action subject.
- Для длинного, озвученного или многосценового видео используйте
/general-video; если задача неясна — сначала/hyperframes. Для материалов изfigma.comсначала запустите/figma.
Установка
Перед запуском команды подтвердите обновление skill:
npx hyperframes skills update motion-graphics
Примеры
Создать проект:
PROJECT_DIR="${MOTION_GRAPHICS_DIR:-videos/<project-name>}"
mkdir -p "$(dirname "$PROJECT_DIR")"
npx hyperframes init "$PROJECT_DIR" --non-interactive --example=blank --skill=motion-graphics
Проверить композицию и снять snapshots:
(cd "$PROJECT_DIR" && npx hyperframes lint .)
(cd "$PROJECT_DIR" && npx hyperframes check .)
(cd "$PROJECT_DIR" && npx hyperframes snapshot --at <proof-times>)
Рендерить MP4 после подтверждения:
(cd "$PROJECT_DIR" && npx hyperframes render . --skill=motion-graphics -q high -o ./renders/video.mp4)
Установка
npx skills add https://github.com/heygen-com/hyperframes --skill motion-graphics