Individual skill
threejs-procedural-materials
Author production procedural materials in Three.js. Use for simulated paper burning with coupled sheet combustion and pyro fluids, luminescent jellyfish with simulated appendages and layered tissue optics, luminescent butterflies with articulated scale glints and finite wing emitters, hybrid texture-backed PBR soil and moss with procedural displacement and masks, upward-facing model moss accumulation, atlas filtering, specular AA, planet-space fields, terrain wetness, deformable granular sand with mass-coupled grain shading, simulated tearable denim with implicit yarn mechanics, wear-driven failure and frayed fibres, woven cloth with GPU XPBD mechanics and yarn microstructure, simulated fur with interactive grooming and strand shading, lava and emissive surfaces, reflective wave-optical diffraction gratings, air-film-air soap bubbles with Airy interference, raytraced diamond and gem refraction with internal reflection and dispersion, image-space glass transmission with spectral dispersion and volume absorption, deforming softbody jelly materials with XPBD mechanics and refractive caustics, per-instance dissolve, authored PBR identities, derivative normals, and custom direct-light shadow modulation.
skills/threejs-procedural-materials/SKILL.md
Source commit 53eb5a24097425d82532ec33697ad472750132a4
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 10, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 983
- Repository last updated
- Oct 22, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- research Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 12,613 bytesagents/openai.yamlasset · 551 bytesassets/deformable-sand/GPL-3.0.txtdoc · 35,148 bytesassets/deformable-sand/THIRD_PARTY_LICENSES.mddoc · 237 bytesassets/hybrid-soil-moss-surface/Ground103_1K-JPG_AmbientOcclusion.jpgasset · 904,525 bytesassets/hybrid-soil-moss-surface/Ground103_1K-JPG_Color.jpgasset · 1,504,949 bytesassets/hybrid-soil-moss-surface/Ground103_1K-JPG_Displacement.jpgasset · 479,279 bytesassets/hybrid-soil-moss-surface/Ground103_1K-JPG_NormalGL.jpgasset · 2,136,725 bytesassets/hybrid-soil-moss-surface/Ground103_1K-JPG_Roughness.jpgasset · 853,705 bytesassets/hybrid-soil-moss-surface/moss/Moss002_1K-JPG_AmbientOcclusion.jpgasset · 896,972 bytesassets/hybrid-soil-moss-surface/moss/Moss002_1K-JPG_Color.jpgasset · 1,840,507 bytesassets/hybrid-soil-moss-surface/moss/Moss002_1K-JPG_NormalGL.jpgasset · 2,395,922 bytesassets/hybrid-soil-moss-surface/moss/Moss002_1K-JPG_Roughness.jpgasset · 728,441 bytesassets/raytraced-diamond/THIRD_PARTY_LICENSES.mddoc · 1,221 bytesassets/raytraced-diamond/diamond.glbasset · 9,960 bytesassets/simulated-tearable-denim/GPL-3.0.txtdoc · 35,149 bytesassets/simulated-tearable-denim/THIRD_PARTY_LICENSES.mddoc · 181 bytesassets/simulated-tearable-denim/settled-drape.jsruns · 446,721 bytesexamples/deformable-sand/deformable-sand.jsruns · 335 bytesexamples/deformable-sand/example-render.jpegasset · 811,505 bytesexamples/deformable-sand/source/config.tsruns · 903 bytesexamples/deformable-sand/source/input/strokes.tsruns · 6,276 bytesexamples/deformable-sand/source/platform/shader.tsruns · 438 bytesexamples/deformable-sand/source/render/airborne-shadow.tsruns · 5,332 bytesexamples/deformable-sand/source/render/camera.tsruns · 1,893 bytesexamples/deformable-sand/source/render/coconut-shadow.tsruns · 28,729 bytesexamples/deformable-sand/source/render/lighting.tsruns · 4,714 bytesexamples/deformable-sand/source/render/postprocess.tsruns · 21,203 bytesexamples/deformable-sand/source/render/renderer.tsruns · 8,232 bytesexamples/deformable-sand/source/render/shaders.tsruns · 20,103 bytesexamples/deformable-sand/source/render/water-reset.tsruns · 25,546 bytesexamples/deformable-sand/source/reset/effect.tsruns · 8,614 bytesexamples/deformable-sand/source/reset/viewport.tsruns · 871 bytesexamples/deformable-sand/source/reset/wgsl.tsruns · 1,244 bytesexamples/deformable-sand/source/simulation/clock.tsruns · 817 bytesexamples/deformable-sand/source/simulation/flux.tsruns · 726 bytesexamples/deformable-sand/source/simulation/shaders.tsruns · 19,143 bytesexamples/deformable-sand/source/simulation/solver.tsruns · 11,738 bytesexamples/deformable-sand/source/simulation/wave-reset-shader.tsruns · 1,490 bytesexamples/hybrid-soil-moss-surface/example-render.jpegasset · 320,199 bytesexamples/hybrid-soil-moss-surface/hybrid-soil-moss-surface.jsruns · 13,136 bytesexamples/hybrid-soil-moss-surface/model-moss-accumulation.jsruns · 12,017 bytesexamples/lava-flow-surface/example-render.jpegasset · 88,963 bytesexamples/lava-flow-surface/lava-surface.jsruns · 10,420 bytesexamples/luminescent-butterfly/example-render.jpegasset · 139,757 bytesexamples/luminescent-butterfly/luminescent-butterfly.jsruns · 94,410 bytesexamples/luminescent-jellyfish/example-render.jpegasset · 160,573 bytesexamples/luminescent-jellyfish/luminescent-jellyfish.jsruns · 84,369 bytesexamples/physical-diffraction-grating/example-render.jpegasset · 241,203 bytesexamples/physical-diffraction-grating/physical-diffraction-grating.jsruns · 22,488 bytesexamples/raytraced-diamond/diamond-material.jsruns · 8,222 bytesexamples/raytraced-diamond/example-render.jpegasset · 53,238 bytesexamples/simulated-cloth/example-render.jpegasset · 179,883 bytesexamples/simulated-cloth/simulated-cloth.jsruns · 166 bytesexamples/simulated-cloth/source/cloth-kernel.jsruns · 51,188 bytesexamples/simulated-cloth/source/cloth-system.jsruns · 20,400 bytesexamples/simulated-fur/example-render.jpegasset · 199,250 bytesexamples/simulated-fur/simulated-fur.jsruns · 144 bytesexamples/simulated-fur/source/fur-geometry.jsruns · 17,955 bytesexamples/simulated-fur/source/fur-system.jsruns · 33,759 bytesexamples/simulated-paper-burning/example-render.jpegasset · 302,305 bytesexamples/simulated-paper-burning/simulated-paper-burning.jsruns · 73,041 bytesexamples/simulated-tearable-denim/example-render.jpegasset · 270,888 bytesexamples/simulated-tearable-denim/simulated-tearable-denim.jsruns · 482 bytesexamples/simulated-tearable-denim/source/denim-system.tsruns · 14,232 bytesexamples/simulated-tearable-denim/source/gpu/util.tsruns · 6,422 bytesexamples/simulated-tearable-denim/source/rendering/camera.tsruns · 1,212 bytesexamples/simulated-tearable-denim/source/rendering/math.tsruns · 5,225 bytesexamples/simulated-tearable-denim/source/rendering/renderer.tsruns · 46,922 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/edge_roots.wgslasset · 1,368 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/edgefield.wgslasset · 6,714 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/fuzz.wgslasset · 24,647 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/material_map.wgslasset · 6,262 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/pieces.wgslasset · 14,706 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/post.wgslasset · 1,323 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/refine.wgslasset · 10,350 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/render_common.wgslasset · 20,232 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/render_light.wgslasset · 5,943 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/surface.wgslasset · 23,979 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/thread.wgslasset · 9,416 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/thread_geom.wgslasset · 13,526 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/thread_prep.wgslasset · 6,751 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/thread_tail.wgslasset · 11,393 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/threads.wgslasset · 16,171 bytesexamples/simulated-tearable-denim/source/rendering/wgsl/weave_tile.wgslasset · 2,054 bytesexamples/simulated-tearable-denim/source/shared/noise.tsruns · 2,448 bytesexamples/simulated-tearable-denim/source/simulation/axial.tsruns · 3,837 bytesexamples/simulated-tearable-denim/source/simulation/fabric-config.tsruns · 20,387 bytesexamples/simulated-tearable-denim/source/simulation/gpu/contact.tsruns · 5,511 bytesexamples/simulated-tearable-denim/source/simulation/gpu/interaction.tsruns · 15,157 bytesexamples/simulated-tearable-denim/source/simulation/gpu/selfcontact.tsruns · 6,844 bytesexamples/simulated-tearable-denim/source/simulation/gpu/settle.tsruns · 2,751 bytesexamples/simulated-tearable-denim/source/simulation/gpu/solver.tsruns · 40,768 bytesexamples/simulated-tearable-denim/source/simulation/gpu/topology.tsruns · 9,903 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/assemble.wgslasset · 13,891 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/common.wgslasset · 15,458 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/contact.wgslasset · 6,174 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/drag.wgslasset · 2,174 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/energy.wgslasset · 12,144 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/gate.wgslasset · 1,225 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/interact.wgslasset · 18,094 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/multigrid.wgslasset · 9,588 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/pcg.wgslasset · 3,949 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/rigid_apply.wgslasset · 4,009 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/rigid_frame.wgslasset · 6,968 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/rigid_spin.wgslasset · 6,541 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/rowcoarse.wgslasset · 1,029 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/rowfine.wgslasset · 1,521 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/scan.wgslasset · 1,903 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/selfcontact.wgslasset · 24,557 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/smooth.wgslasset · 8,308 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/state.wgslasset · 1,585 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/step.wgslasset · 9,816 bytesexamples/simulated-tearable-denim/source/simulation/gpu/wgsl/yarnfield.wgslasset · 19,545 bytesexamples/simulated-tearable-denim/source/simulation/grip.tsruns · 10,457 bytesexamples/simulated-tearable-denim/source/simulation/hand.tsruns · 5,935 bytesexamples/simulated-tearable-denim/source/simulation/lattice.tsruns · 3,284 bytesexamples/simulated-tearable-denim/source/simulation/laws.tsruns · 7,394 bytesexamples/simulated-tearable-denim/source/simulation/material.tsruns · 8,193 bytesexamples/simulated-tearable-denim/source/simulation/materialPoint.tsruns · 904 bytesexamples/simulated-tearable-denim/source/simulation/telemetry.tsruns · 136 bytesexamples/simulated-tearable-denim/source/simulation/yarnField.tsruns · 22,668 bytesexamples/softbody-jelly/example-render.jpegasset · 42,736 bytesexamples/softbody-jelly/gpu-caustic-field.jsruns · 39,104 bytesexamples/softbody-jelly/softbody-jelly.jsruns · 45,670 bytesexamples/spectral-dispersive-glass/example-render.jpegasset · 199,086 bytesexamples/spectral-dispersive-glass/glass-optics.jsruns · 8,122 bytesexamples/spectral-dispersive-glass/spectral-glass-material.jsruns · 20,639 bytesexamples/thin-film-soap-bubbles/example-render.jpegasset · 212,488 bytesexamples/thin-film-soap-bubbles/soap-bubble-system.jsruns · 71,601 bytesreferences/dielectric-glass-optics.mddoc · 16,315 bytesreferences/hybrid-soil-moss-surface.mddoc · 6,659 bytesreferences/luminescent-butterfly.mddoc · 6,313 bytesreferences/luminescent-jellyfish.mddoc · 4,609 bytesreferences/physical-diffraction-grating.mddoc · 7,053 bytesreferences/procedural-pbr-system.mddoc · 6,830 bytesreferences/simulated-cloth-system.mddoc · 10,608 bytesreferences/simulated-fur-system.mddoc · 9,920 bytesreferences/simulated-paper-burning.mddoc · 4,666 bytesreferences/simulated-tearable-denim.mddoc · 6,205 bytesreferences/softbody-jelly.mddoc · 12,858 bytesreferences/thin-film-soap-bubble-system.mddoc · 10,006 bytes
Read excerpt
# Procedural Materials
Build a material from surface identity and causes. Color, roughness, metalness, normal, transmission, and emission should describe the same surface—not unrelated noise textures.
This skill contains exemplary examples and assets beyond descriptive guidance,
they're worth studying, referencing, or even copying. Use them sufficiently
when relevant and do NOT blindly skip them.
## Material graph order
```text
stable coordinates
→ structural fields
→ material identity weights