What problem does it solve? Authoring motion for HyperFrames video compositions requires picking the right animation patterns, runtime APIs, and scene choreography without breaking the deterministic, seek-safe render contract. This Skill centralizes all animation knowledge so you can compose scenes from proven recipes instead of writing motion code from scratch. ## Core Features & Use Cases - Atomic motion rules: 25+ ready-made GSAP recipes (kinetic typography, counters, camera zooms, SVG path drawing, spring entrances, tracking boxes) that you compose 2-4 at a time on a single paused timeline. - Multi-phase blueprints: 15 time-coded scene templates (brand reveal, cursor UI demo, data-viz count-up, logo assembly) with named signature moves for full-shot choreography. - Runtime adapters: API references for GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU, all registered for unified frame-by-frame seeking. - Use Case: When building a product launch video scene, pick the grid-card-assemble blueprint, apply the spring-pop-entrance and depth-of-field-blur rules, then audit the result with the animation-map script. ## Quick Start Ask the agent to animate a scene by composing two or three rules from the rules index onto a single paused GSAP timeline registered under the composition's data-composition-id.
