hyperframes-animation

Installation
SKILL.md

Pinned from heygen-com/hyperframes hyperframes-animation at d6fe66707f74467bd7193839cb4b5cb3f1e8bb06 (Apache-2.0, v0.8.43). Listing: skills.sh. Official CLI: npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation. Contract: ../hyperframes-core/SKILL.md. Provenance: SOURCE.txt.

In this repo: skills/hyperframes-animation/SKILL.md. Scoped rule: rules/hyperframes-animation.mdc (alwaysApply: false). User install: ~/.cursor/skills/hyperframes-animation/ via ./scripts/install-local.sh then ./scripts/sync-user-skills.sh. Invoke with /hyperframes-animation. Distinct from /react-bits and /apple-design.

Do not run npx hyperframes render/preview, install @hyperframes/producer, or call paid HeyGen APIs unless the user asked. Script path from this plugin: skills/hyperframes-animation/scripts/animation-map.mjs (user copy: ~/.cursor/skills/hyperframes-animation/scripts/animation-map.mjs).

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

Installs
2
First Seen
Sep 20, 2026