What problem does it solve? Authoring motion for HyperFrames video compositions requires choosing the right animation patterns, runtime APIs, and scene choreography while respecting a strict deterministic render contract. This Skill consolidates all animation knowledge—atomic motion rules, multi-phase scene blueprints, transitions, techniques, and per-runtime adapters—into one routable reference. ## Core Features & Use Cases - Atomic Motion Rules: Pick 2-4 composable GSAP recipes (kinetic typography, camera zooms, spring entrances, SVG path drawing, AI tracking boxes) and glue them with a single paused timeline. - Scene Blueprints: Load 15 time-coded shot templates (kinetic-type-beats, cursor-ui-demo, grid-card-assemble, logo-assemble-lockup) mapped to storyboard roles like Hook, Problem, Key_Feature, and CTA. - Runtime Adapters: Look up API guidance for GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU/WebGPU, all seek-safe under HyperFrames. - Animation Auditing: Run the animation-map script to enumerate timelines, sample bounding boxes, and flag dead zones or stagger inconsistencies. - Use Case: When building a product-launch video scene, select a blueprint for the frame's role, instantiate its slots, and compose atomic rules for entrances and ambient motion. ## Quick Start Ask the AI to animate a HyperFrames scene using two or three rules from the rules index composed on a single paused GSAP timeline.
