three.js skill map

Pick the narrowest skill that covers the task and load it; load a second only when the task crosses into its area. All skills target three r186, React Three Fiber 9 and drei 10.

First, read the project

• Stack: @react-three/fiber in package.json means R3F; use the R3F sections or files of each skill. Otherwise vanilla three.js.
• Version: check the installed three version. Below r183, Timer, HDRLoader and some imports in these skills differ; run threejs-upgrade's linter before mixing APIs.
• Models: list .glb, .gltf, .fbx, .obj files under public/, assets/ or static/.

Working with a 3D model

The usual order when someone hands over a model: