Three.js Scene Composition — guide skill for 3D scenes

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Plan, build and capture Three.js scenes for video: absolute-time frames, seeded motion, color-safe glTF, render QA.

What it does

A production guide for Three.js scenes that end up as rendered media, such as product orbits, title sequences and procedural worlds, not websites. Its core rule is deterministic capture: compute time = frame / fps, set AnimationMixer time, camera rigs, uniforms and particles from absolute time or a seeded cache, never accumulate state, prewarm shaders before frame one, and render the same stress frames in two clean runs to compare them. It also covers a scene contract and asset manifest, glTF validation, texture color spaces and tone mapping, GPU disposal, flash-safety review and rights tracking, with two worked examples (a color-critical 4K product orbit and an instanced title world). It was written in July 2026 as one of 153 skills in the generative-media-skills pack by the creator of OpenMontage and has not changed since. It gives the per-frame adapter shape but leaves the capture host (HyperFrames, Remotion or a headless-browser loop) to you.

Use when

Not for

Install

More 3D scenes skills