Start a working browser 3D scene without rebuilding the setup from memory. The skill gives an agent a small, runnable baseline and the decisions that matter as the scene grows.

Start a working browser 3D scene without rebuilding the setup from memory. The skill covers scene/camera/renderer wiring, geometry and materials, lighting, animation, assets, and the first performance decisions.

What you get

SKILL.md: routing and core patterns
templates/basic-scene.html: runnable vanilla Three.js scene

Quick start

Open templates/basic-scene.html in a browser or serve the repository with a local HTTP server.

What You Get

SKILL.md: core scene and performance guidance
templates/basic-scene.html: runnable vanilla scene

Quick Start

Open templates/basic-scene.html in a browser.

Triggers

Three.js, WebGL, 3D scene, camera, lighting, GLTF, shader, animation loop, or interactive browser visualization.

Requirements

A modern browser. The template loads Three.js from a CDN; production work should pin and bundle the dependency.