What problem does it solve? Writing GSAP animations inside HyperFrames compositions requires strict rules—paused timelines, synchronous construction, finite repeats, and registration on window.__timelines—that are easy to get wrong, causing renders to fail or animations to be skipped by the capture engine. ## Core Features & Use Cases - HyperFrames Contract: Register paused timelines on window.__timelines keyed by data-composition-id so HyperFrames can seek them deterministically. - Full GSAP Reference: Covers gsap.to/from/fromTo, easing, stagger, timelines with position parameters and labels, matchMedia for responsive and reduced-motion cases, and performance patterns like quickTo and transform-only animation. - Drop-in Effects: The references file provides ready-made typewriter and audio visualizer patterns, plus a Python script that extracts per-frame RMS and frequency-band data from audio or video files. - Use Case: Build a kinetic typography video where text types in with a blinking cursor while an audio-reactive bar visualizer pulses to a soundtrack, all rendered deterministically by HyperFrames. ## Quick Start Ask the agent to create a HyperFrames composition with a GSAP timeline that animates a title entrance and an audio visualizer synced to an MP3 file.
