What problem does it solve? Video compositions built with HyperFrames need deterministic, seek-safe motion—punch-ins, zooms, Ken Burns moves, match cuts, and mask reveals—that renders identically at any timeline position. This Skill provides the contracts, runtime rules, and verification workflow to author those keyframes without broken seeks, identity breaks, or fake depth. ## Core Features & Use Cases - Multi-runtime keyframe authoring: Write seek-safe animations in GSAP, CSS keyframes, Anime.js, WAAPI, and Three.js/WebGL with strict registration rules (paused timelines, window.__timelines, finite loops, no timers or unseeded randomness). - Mechanism selection guidance: Choose the smallest correct mechanism—FLIP shared elements, path travel, stroke draw, shape morphing, clip/mask reveals, staggers, text subdivision, or 3D camera moves—using the bundled references/keyframe-patterns.md parts shelf. - CLI proof workflow: Verify motion with hyperframes lint, check, keyframes, focused --shot ghosts, layout strips, and time-targeted snapshots before rendering. - Use Case: A creator asks for a smooth punch-in on a video clip. The Skill directs authoring a scale/translate pose ladder on a wrapper inside the clip, registering the GSAP timeline, then proving the move with a --shot strip and final-frame snapshot. ## Quick Start Ask the agent to add a smooth Ken Burns zoom to a clip in your HyperFrames composition and verify it with the hyperframes keyframes CLI.
