MCP.so
Sign In

three

heygen-com / hyperframes

Repository

About three

Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera motion, shader-driven visuals, or canvas renders that respond to HyperFrames hf-seek events.

Install three

npx skills add https://github.com/heygen-com/hyperframes --skill three

Basic information

Category

Creative & media

Repository

heygen-com / hyperframes

Skill

three

What it does

  • Renders scenes from explicit HyperFrames time via hf-seek events, not wall-clock time or requestAnimationFrame

  • Supports AnimationMixer timeline seeking for GLTF clips and authored animations

  • Requires synchronous scene, camera, renderer, and asset creation upfront; load models and textures before seeking begins

  • Use for product spins, camera motion, shader-driven visuals, particles with seeded data, and deterministic 3D compositions

More skills in Creative & media

vercel-react-native-skills

vercel-labs / agent-skills

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

remotion-to-hyperframes

heygen-com / hyperframes

Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear → /hyperframes.

gsap

heygen-com / hyperframes

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

website-to-video

heygen-com / hyperframes

Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets. Use for portfolio / blog / docs / landing-page showcases. Not a product launch or promo, even from a URL (/product-launch-video). Unclear → /hyperframes.

pr-to-video

heygen-com / hyperframes

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.

music-to-video

heygen-com / hyperframes

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.