# Three.js

## Why Install This Skill

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.