Three

This adapter lets you drop Three.js scenes into HyperFrames compositions that respond to deterministic time instead of wall-clock time. It dispatches an hf-seek event with the current time, so you render the exact frame HyperFrames wants rather than guessing with requestAnimationFrame. You set up your scene, camera, and materials upfront, then update positions, rotations, or AnimationMixer state from the time value. It's built for product spins, shader visuals, and GLTF clips where every frame needs to be reproducible. The main gotcha is preloading assets before validation runs, because fetching textures or models on seek will break determinism. If you're rendering 3D to video or need scrubbing to work reliably, this is the pattern.

Install to Claude Code

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