What problem does it solve? Animations in HyperFrames compositions often break when scrubbed or rendered because they rely on timers, autoplay, or unregistered runtimes. This Skill enforces a pose contract so every keyframed motion is seek-safe, deterministic, and verifiable down to the painted pixels. ## Core Features & Use Cases - Seek-safe runtime authoring: Build GSAP timelines, CSS keyframes, Anime.js instances, and WAAPI animations that are paused, finite, synchronously constructed, and registered for deterministic seeking. - Mechanism selection guidance: Choose the smallest mechanism that proves the motion, from FLIP and path travel to stroke draw, shape morphing, text subdivision, DOM 3D, and shader uniforms, using the references/keyframe-patterns.md parts shelf. - CLI verification workflow: Prove motion with hyperframes lint, check, keyframes, focused --shot captures, --ghost for canvas/WebGL, and snapshots at proof times, with a diagnostic table for fixing endpoint-only, identity-break, fake-3D, and wrong-final failures. - Use Case: You need a product card to travel along a curved path and settle into a final lockup in a HyperFrames scene. The Skill guides you to author a paused GSAP timeline with MotionPath keyframes, register it under the composition ID, then verify the route shape with a strip shot and confirm the final frame with snapshots. ## Quick Start Ask the agent to author seek-safe keyframes for the animated subject in your HyperFrames composition and verify the motion with hyperframes keyframes, a focused shot, and snapshots.
