BigHugger
sk Skill · heygen-com

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie…

installs 8w
266,407
30-day movement
starts with the next reading
Related entries
1
Connections
0
bashTypeScript

A HyperFrames agent skill bundling all animation knowledge: atomic motion rules, multi-phase scene blueprints, transitions, motion-design techniques, and seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). It also includes an animation-map auditing script and 24 named text-animation effects, all constrained to HyperFrames' deterministic, single-paused-timeline contract.

Reach for it when any motion or animation task in a HyperFrames composition needs a rule, blueprint, transition, or runtime-specific API lookup.

Use it to

  • Compose 2-4 atomic motion rules into a scene
  • Load a multi-phase blueprint like brand-reveal
  • Look up runtime-specific APIs (GSAP eases, Lottie player, Three.js mixer)
  • Audit an existing composition's choreography via animation-map.json
  • Apply named text-animation effects

For Developers building animated HyperFrames compositions with AI coding agents

Host repository
heygen-com/hyperframes
Installs, lifetime
441k
Installs, 8 weeks
266k
Host stars
51k
Host language
TypeScript
topicsanimationhyperframesgsapmotion-designagent-skilldeterministic-rendering