three

Render Three.js scenes deterministically using HyperFrames time and hf-seek events.

248|32|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/boraoztunc/skills --skill three-boraoztunc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: three
Source: https://github.com/boraoztunc/skills/tree/main/three
Command: npx skills add https://github.com/boraoztunc/skills --skill three-boraoztunc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HyperFrames requires deterministic rendering of 3D scenes using Three.js by basing render timing on HyperFrames time rather than wall-clock time and by listening to hf-seek events.

Core Features & Use Cases

  • Deterministic scene rendering with a Three.js adapter that does not own the scene.
  • Time-driven rendering and asset loading before seek to ensure ready-to-render state.
  • Use cases include deterministic product spins, shader-driven visuals, and camera motion synchronized to HyperFrames.

Quick Start

Create a deterministic Three.js scene that renders based on HyperFrames time and responds to hf-seek events.

Frequently Asked Questions about three

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render deterministic Three.js scenes for frame-accurate video?

Deterministic Three.js rendering requires basing render timing on HyperFrames time and hf-seek events instead of wall-clock time. This produces precise frame-accurate visuals, camera motion, and shader-driven effects across time.

Why does my Three.js animation desync when seeking through a timeline?

Three.js animations desync when rendering uses wall-clock time instead of HyperFrames time. You must listen to hf-seek events and use a Three.js adapter that does not own the scene for deterministic time-driven rendering.

How do I handle asset loading for Three.js scenes triggered by seek events?

You must load models, textures, and buffers before render-critical seeking. Validating that assets are ready before seek events ensures the scene maintains a ready-to-render state for deterministic playback.

Can I use my existing Three.js scene with HyperFrames deterministic rendering?

Yes, HyperFrames uses a Three.js adapter that does not own the scene. You can apply deterministic rendering to existing compositions requiring synchronized camera motion and shader-driven effects.

What are the limitations of using HyperFrames time for Three.js rendering?

The deterministic rendering approach requires strict adherence to HyperFrames time over wall-clock time. Compositions must validate that all models, textures, and buffers are loaded before seeking to avoid render-critical failures.