Give your 3D scenes deliberate lighting and shadows.
What it does
Guides lighting setup and troubleshooting for React Three Fiber scenes, including environment lighting, direct lights, shadows, and performance.
When to use it
Use when placing lights, adding image-based lighting, troubleshooting shadow artifacts, or tuning lighting performance.
How to use it
It changes how the agent sets up and verifies lighting, environment captures, and shadows in a React Three Fiber project.
What you provide
- An existing project
What you need · 3
Check the installed Three.js version and renderer first; the example targets Three.js r185 and WebGL.
Check the installed Fiber version first; the example targets Fiber 9 with React 19.
Check the installed Drei version first; the guidance uses its environment and shadow helpers.
Access · 0
No additional actions listed.