Custom shaders that fit your rendering pipeline.
What it does
Implement and debug custom shader materials with uniforms and vertex deformation in React Three Fiber projects.
When to use it
Use for shader implementation and debugging, rather than ordinary PBR material settings or composer effects.
How to use it
It changes how the agent implements and validates shader materials in an existing project, starting with installed versions and renderer selection.
What you provide
- An existing project
Uses
What you need · 3
Uses React Three Fiber; the WebGL example targets Fiber 9, while existing project versions should be preserved.
Uses React hooks; React 19 is the WebGL example's version, not an instruction to upgrade the project.
Uses Three.js and requires checking the installed version rather than assuming shader APIs and chunks are version-independent.
Access · 1
This skill
Three.js migration guide
Checks the Three.js migration guide