Waapi

This adapter lets you use the Web Animations API with HyperFrames by automatically syncing animation.currentTime to the HyperFrames timeline. You create animations with element.animate(), pause them, and the adapter seeks them frame-perfectly using document.getAnimations(). It's lighter than GSAP when you just need keyframe motion with programmatic timing, and it works well for staggers or data-driven animations. The key contract is simple: use finite durations, set fill to "both", avoid promises or callbacks for state, and remember that WAAPI operates on document time, so model clip offsets with delays. If you're already comfortable with native browser animations but need deterministic seeking, this bridges that gap cleanly.

Install to Claude Code

npx -y skills add heygen-com/hyperframes --skill waapi --agent claude-code