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 copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
24
skills.sh installs
69.3K
GitHub stars
81.8K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/heygen-com/hyperframes
Categories
Design & UI/UX, Game Development
First seen
May 16, 2026

More from heygen-com/hyperframes

All 44
1addyosmani avatarbrowser-testing-with-devtoolsaddyosmani/agent-skillsTests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture co67.7Kskills.sh installs
2coreyhaines31 avatarofferscoreyhaines31/marketingskillsWhen the user wants to design, construct, or improve an offer — the thing they actually sell — including value framing, bonus stacking, guarantee design, scarci65.9Kskills.sh installs
3firecrawl avatarfirecrawl-interactfirecrawl/cliControl and interact with a live browser session on any scraped page — click buttons, fill forms, navigate flows, and extract data using natural language prompt65.6Kskills.sh installs
4pbakaus avatartypesetpbakaus/impeccableImproves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readab64.7Kskills.sh installs
5heygen-com avatarcut-the-curveheygen-com/hyperframesThe technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene61.4Kskills.sh installs
6expo avatarbuilding-native-uiexpo/skillsBuild beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects, gradien58.1Kskills.sh installs