Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text…
HyperFrames Keyframes Keyframes are a pose contract: visible states, continuous subject identity, seek-safe runtime, verified pixels. Use hyperframes-animation for broad scene recipes. Use hyperframes-cli for full command docs. Use references/keyframe-patterns.md only when choosing implementation mechanisms, not visual style. Procedure Identify the animated subject, visible states, final state, and runtime. Choose the smallest mechanism that proves the prompt. Read references/keyframe-patterns.md only if the mechanism is unclear. Author seek-safe keyframes in the declared runtime. Build synchronously and register the runtime instance. Verify with lint, validate, hyperframes keyframes, one focused --shot, and snapshots at proof times. If proof fails, fix the source keyframes and rerun the smallest failing diagnostic before rendering. Contract
don't have the plugin yet? install it then click "run inline in claude" again.