HyperFrames Animation

Builds scene, text and transition motion with GSAP and other engines on a seekable, deterministic timeline.

How to use it

Install it with the open Skills CLI (needs Node.js), then restart your agent:

npx skills add heygen-com/hyperframes --skill hyperframes-animation
  1. Download the ZIP from this page and unzip it.
  2. Put the hyperframes-animation folder in .claude/skills/ inside your project (or ~/.claude/skills/ for all projects).
  3. Restart Claude Code and call it with /hyperframes-animation.

بالعربي

يبني حركة المشاهد والنصوص والانتقالات مع GSAP وغيرها من المحركات المدعومة، وفق خط زمني قابل للتقديم والتأخير بثبات.

More for video & motion

  • HyperFrames: Entry point to create, edit and check HyperFrames videos; picks the workflow and skills you need.
  • HyperFrames Audio: Mixes audio already in the project: levels, fades, ducking music under voice, and effects.
  • HyperFrames CLI: Guides the build, preview, check and render loop for HyperFrames video, locally or in the cloud.