What it does. 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
.
Highlights
- The scene matches an existing pre-designed multi-phase template (brand-reveal, social-proof, etc.) and reusing its phase pipeline saves real authoring time
- You want runnable ground-truth code for a complex 4-5 phase choreography
- GSAP is the default for 95% of motion work — covers timeline orchestration, transforms, easing, stagger. All atomic rules in this skill are GSAP-based.
- Lottie when an asset has its own pre-baked timeline (typically After Effects exports).
- Three.js for 3D scenes, camera motion, shader-driven visuals.
When to use it. 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…
Install
npx skills add heygen-com/hyperframes --skill hyperframes-animation
Or copy the skill folder manually:
git clone https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes-animation/ ~/.claude/skills/hyperframes-animation
Source: heygen-com/hyperframes — 43,717 stars, Apache-2.0, last pushed 2026-09-02.
