What problem does it solve? Authoring frame-accurate, seek-safe animations for HTML-to-video rendering requires coordinating timelines, easings, and runtime APIs without breaking determinism, which is error-prone when done from scratch. ## Core Features & Use Cases - Atomic Motion Rules: Compose 2-4 reusable GSAP recipes (typing, counters, camera zooms, 3D tilts, SVG drawing) on a single paused timeline. - Multi-Phase Blueprints: Load pre-designed scene templates (brand-reveal, social-proof, CTA, comparison) with runnable HTML examples as ground truth. - Runtime Adapters: Look up per-runtime APIs for GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU, all seekable by HyperFrames. - Use Case: When building a product demo scene, load the demo-page-scroll-spotlight blueprint to get a 3D-tilted webpage card that scrolls to a feature section with ASR-synced keyword glow, then audit the choreography with the animation-map script. ## Quick Start Ask the agent to animate a scene by composing two or three motion rules from the rules index on a single paused GSAP timeline.
