Build smooth 3D scenes for your React website.
What it does
Guides implementation of web 3D scenes with reusable Three.js and React Three Fiber patterns.
When to use it
Use for full 3D scenes with models, lights, and physics, or for vanilla Three.js scenes without React.
How to use it
It changes how the agent implements web 3D scenes by applying scene setup, resource loading, and performance rules.
What you provide
- An existing project
What you need · 4
The guide uses Three.js and specifies three r185 (0.185.x).
The React scene patterns use @react-three/fiber; the guide specifies 9.x and directs React 18 projects to R3F 8.
The R3F scene patterns use drei helpers; the guide specifies 10.x with React 19 and drei 9 with React 18.
For the R3F patterns, check the installed React major before scaffolding: R3F 9 requires react and react-dom >=19 <19.3.
Access · 0
No additional actions listed.