HyperFrames Animation
All motion knowledge in one skill:
rules
(atomic recipes),
blueprints
(multi-phase scene templates),
transitions
(scene-to-scene),
techniques
(broader motion-design patterns), and
adapters
(per-runtime APIs).
For the composition contract (data attributes, sub-compositions, determinism) see
hyperframes-core
.
Default: compose atomic rules
Pick 2-4 rules from
rules-index.md
, glue them together with a single paused GSAP timeline, done. This is faster and produces less code than starting from a blueprint.
Load a blueprint when
The scene matches an existing pre-designed multi-phase template (brand-reveal, social-proof, demo-page-scroll-spotlight, etc.) and reusing its phase pipeline saves real authoring time
You want runnable ground-truth code for a complex 4-5 phase choreography
Blueprints live in
blueprints-index.md
. Each entry points to
blueprints/
hyperframes-animation
安装
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation