API ВЕГА

Навык помогает создавать и проверять анимацию в HyperFrames: подбирать готовые motion rules, собирать сцены из фаз и настраивать переходы. Он также подсказывает, какой runtime выбрать, и учитывает требования HyperFrames к seek-safe и детерминированному воспроизведению.

Возможности

  • Подбирает атомарные motion rules по триггеру или тегу; рекомендует сочетать 2–4 правила в одной paused GSAP timeline.
  • Даёт blueprints для многофазных сцен, например brand-reveal и social-proof.
  • Описывает переходы между сценами и общие motion-design techniques.
  • Содержит справочники по семи runtime: GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API и TypeGPU.
  • Помогает проверить choreography существующей композиции: animation-map.mjs собирает данные о tweens, bounding boxes и предупреждениях.
  • Описывает 24 именованных text-animation effects через внешний skill animate-text.

Когда использовать

  • Нужно добавить движение к элементам сцены и быстро выбрать подходящие motion patterns.
  • Нужен готовый шаблон многофазной сцены или переход между двумя clips.
  • Требуется справка по API конкретного runtime: например, GSAP eases, Lottie player или Three.js mixer.
  • Нужно проверить choreography и найти dead zones, несогласованный stagger или lifecycle warnings.

Примеры

Проверить анимацию композиции и сохранить карту в .hyperframes/anim-map:

node skills/hyperframes-animation/scripts/animation-map.mjs <composition-dir> \
  --out <composition-dir>/.hyperframes/anim-map

Установка

npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation