Get the mesh appearance you want without needless GPU cost.
Guide mesh material selection and configuration to balance appearance, rendering correctness, and GPU cost.
When to use it
Use when working on mesh appearance or material rendering cost; use shader guidance for custom GLSL or TSL code.
It changes how the agent selects, configures, and verifies materials in a React Three Fiber project.
What you provide
Expects installed Three.js and requires checking its version before applying material guidance.
Expects installed Fiber; examples use Fiber 9 with React 19 and WebGL, rather than establishing those versions as mandatory.
Expects installed Drei and requires checking its version; warns against assuming its shader-based materials work unchanged with WebGPU.
This skill
MeshTransmissionMaterial documentation
Reads transmission helper documentation