What problem does it solve? Animations in HyperFrames compositions often break during seeking, lose subject identity, end on wrong final states, or rely on unseekable runtimes like timers and autoplay. This Skill provides a pose-contract workflow for authoring deterministic keyframes and verifying them with rendered pixels instead of assumptions. ## Core Features & Use Cases - Seek-safe runtime authoring: Build paused GSAP timelines, finite CSS keyframes, registered Anime.js instances, and WAAPI animations that scrub deterministically from HyperFrames time. - Mechanism selection guidance: Choose the smallest mechanism for each motion, including FLIP shared elements, path travel, stroke draw, SVG morph, clip/mask reveals, text subdivision, DOM 3D, and WebGL camera keyframes. - CLI verification workflow: Prove motion with hyperframes lint, check, keyframes, focused --shot ghosts, layout strips, and snapshots at proof times. - Use Case: When a composition requires a logo to travel a curved path, morph into a new shape, and settle into a final lockup, use this Skill to author the keyframes, register the timeline, and confirm first frame, proof poses, and exact final frame with snapshots. ## Quick Start Use the hyperframes-keyframes skill to author seek-safe keyframes for my composition and verify the motion with the hyperframes CLI.
