r3f-textures
Installation
SKILL.md
React Three Fiber textures
Inspect installed Three.js, Fiber, Drei, and renderer versions first. Examples target Fiber 9 / React 19 and Three.js r185 with WebGL. Preserve correctly configured assets rather than resetting every texture.
Color versus data
| Texture content | Color-space annotation |
|---|---|
| PNG/JPEG base color or emissive color | SRGBColorSpace |
| Roughness, metalness, normal, AO, alpha/masks | NoColorSpace |
| Linear HDR/EXR lighting data | Preserve loader-provided linear metadata |
NoColorSpace is not another name for LinearSRGBColorSpace: scalar/vector data has no color space. Do not blanket-convert every map to sRGB.
Load a color map
Mount under Suspense inside Canvas. The file path is an application asset, not a file provided by this skill.