What problem does it solve? Building videos from HTML requires strict structural and timing rules so every rendered frame is reproducible from a time value alone; this Skill encodes the HyperFrames composition contract so compositions render correctly instead of failing silently. ## Core Features & Use Cases - Composition Structure Rules: Defines standalone vs sub-composition root forms, the <template> transport requirement, sized-root layout, and host-id matching so sub-compositions mount correctly. - Timeline & Determinism Contract: Specifies the paused GSAP timeline registered on window.__timelines, synchronous construction, seeded randomness, finite repeat formulas, and the animatable-property allowlist. - Tracks, Clips, Variables & Media: Documents data-* attributes, track-index overlap rules, relative clip timing, variable declarations, and the rule that <video>/<audio> must be direct host-root children. - Use Case: When authoring a modular product video with scene sub-compositions and a continuous audio track, follow the orchestrator pattern and pre-render verification checklist to avoid blank media and unregistered timelines. ## Quick Start Use the hyperframes-core skill to scaffold a minimal renderable HyperFrames composition with one clip and a registered GSAP timeline.
