What problem does it solve? Video compositions need deterministic, seek-safe motion—punch-ins, Ken Burns pans, match cuts, mask reveals, and 3D camera moves—that renders identically at any frame. This Skill provides the contracts, runtime rules, and CLI diagnostics to author and verify those keyframes without broken seeks, identity breaks, or fake depth. ## Core Features & Use Cases - Seek-safe runtime contracts: Enforces paused GSAP timelines registered on window.__timelines, finite CSS keyframes with animation-fill-mode: both, and registered Anime.js instances, banning timers, Date.now(), and unseeded randomness. - Mechanism selection guidance: Maps motion needs (path travel, stroke draw, shape morph, FLIP shared elements, clip/mask reveals, text subdivision, DOM/WebGL 3D) to the smallest implementation that proves the prompt. - CLI proof workflow: Verifies motion with hyperframes lint, check, keyframes, focused --shot strips, --ghost for canvas/WebGL, and time-targeted snapshots. - Use Case: A creator asks for a Ken Burns pan across a photo clip. The Skill directs animating an inner crop wrapper with scale and translation on a paused GSAP timeline, then proves the result with a --shot strip and final-frame snapshot. ## Quick Start Use the hyperframes-keyframes skill to add a seek-safe punch-in zoom to my composition and verify it with the hyperframes keyframes CLI.
