Typegpu
This is the adapter pattern for running WebGPU and TypeGPU compositions inside HyperFrames timelines. You initialize your GPU pipeline async but register GSAP tweens synchronously so the player can read them at load. The adapter publishes time via `window.__hfTypegpuTime` and dispatches `hf-seek` events so you render the exact frame. The docs cover the essentials: liquid glass effects with downsample blur passes, video-backed distortion textures, rounded-rect SDFs for pill shapes, and the critical detail that you must call `await device.queue.onSubmittedWorkDone()` after submit to flush the canvas before frame capture in render mode. Use this when you need deterministic GPU canvas layers driven by timeline events instead of requestAnimationFrame.
- skills.sh installs
- 51K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill typegpu --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is the adapter pattern for running WebGPU and TypeGPU compositions inside HyperFrames timelines. You initialize your GPU pipeline async but register GSAP tweens synchronously so the player can read them at load. The adapter publishes time via `window.__hfTypegpuTime` and dispatches `hf-seek` events so you render the exact frame. The docs cover the essentials: liquid glass effects with downsample blur passes, video-backed distortion textures, rounded-rect SDFs for pill shapes, and the critical detail that you must call `await device.queue.onSubmittedWorkDone()` after submit to flush the canvas before frame capture in render mode. Use this when you need deterministic GPU canvas layers driven by timeline events instead of requestAnimationFrame.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/heygen-com/hyperframes
- First seen
- Jun 3, 2026
More from heygen-com/hyperframes
All 44- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K
- Hyperframes Audio663.9K
- General Video661.7K
- Remotion To Hyperframes590.2K
- Product Launch Video539.3K
- Faceless Explainer522K
- Motion Graphics514.3K
- Slideshow496.1K
- Embedded Captions453.9K
- Hyperframes Studio451.6K
- Pr To Video449.2K
- Music To Video419.3K
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs