What problem does it solve? Authoring motion for HyperFrames video compositions requires picking the right animation patterns, runtime APIs, and scene choreography while respecting a strict deterministic render contract. This Skill centralizes all animation knowledge so you can compose motion without guessing APIs or breaking seek-safety. ## Core Features & Use Cases - Atomic motion rules: 25+ ready-made GSAP recipes (kinetic typography, camera zooms, spring entrances, SVG path drawing, AI tracking boxes) that you compose 2-4 at a time on a single paused timeline. - Scene blueprints and transitions: 15 time-coded multi-phase shot templates (logo assembly, cursor UI demos, data-viz count-ups) plus a registry of scene-to-scene transitions like crossfade, push-slide, and zoom-through. - Seven runtime adapters: API references for GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU/WebGPU, all registered for deterministic 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 AI to animate a HyperFrames scene by composing two or three motion rules from this skill on a single paused GSAP timeline.
