Home / linegel / threejs-complete-set-of-skill · skills/threejs-procedural-materials/SKILL.md · GitHub

threejs-procedural-materials skillA

threejs-procedural-materials is agent-read markdown (skill) from linegel/threejs-complete-set-of-skill: Procedural materials for coherent NodeMaterial PBR systems in Three.js WebGPU/TSL. Use when a task needs shared identities across PBR channels, must select UV, array, atlas, or projected mapping, needs footprint-filtered normals and specular AA, or needs dynamic per-instance material state with explicit output ownership..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# Procedural Materials

Build a cause graph, not a collection of channel effects:

```text
stable coordinates -> structural causes -> identity weights
  -> causal modifiers -> filtered microstructure
  -> NodeMaterial PBR slots -> final-image owner
```

Use `MeshStandardNodeMaterial` for standard opaque/emissive PBR and
`MeshPhysicalNodeMaterial` only when its extra lobes or transport properties are
part of the surface. Keep Three.js lighting, environment, shadows, and energy
handling by assigning node slots instead of replacing the whole fragment output.

For multi-system scenes, `$threejs-choose-skills` is an optional coordinator.
Fields own shared scalar/vector causes, geometry owns silhouettes, water owns
surface/transport, and the final-image pipeline owns tone mapping and display
conversion. Consume each dynamic or cross-system cause with declared units,
coordinate/frame convention, producer and consumer owners, revision,
spatial/temporal support and filter, validity domain, error bound, update
cadence, and staleness rule. A visual material state does not become another
simulation owner.

Initialize and gate the renderer before allocating storage, dispatching
…

Read the whole file at its exact version.

How to install

Latest version
mdr add linegel/threejs-complete-set-of-skill/threejs-procedural-materials@git:20260716.62a9bc5
Exact content
mdr add linegel/threejs-complete-set-of-skill/threejs-procedural-materials@sha256:aaaad45d3aef29e0

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_me64bu2kpuxsy6ut.svg)](https://markdownregistry.com/a/art_me64bu2kpuxsy6ut)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260716.62a9bc5 latest2026-07-16 62a9bc5 9,575 BA view · diff
git:20260716.2ce13bc2026-07-16 2ce13bc 9,004 BA view · diff
git:20260713.f0e8d5c2026-07-13 f0e8d5c 43 BC view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9575 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

linegel/threejs-complete-set-of-skill · 9 stars · license ISC · pushed 2026-09-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_me64bu2kpuxsy6ut
GET https://markdownregistry.com/api/v1/resolve?ref=linegel/threejs-complete-set-of-skill/threejs-procedural-materials
GET https://markdownregistry.com/api/v1/blob/aaaad45d3aef29e0faf4bbfa877a1d7649023946e019f6c9f5182e17b8373aa6

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from linegel/threejs-complete-set-of-skill

product-from-scratch skill
linegel/threejs-complete-set-of-skill · .claude/skills/product-from-scratch/SKILL.md · Design a product change before building it. Decides which of BRD, PRD, XDS, and SDD the change needs, and supplies the…
git:20260905.3f334d1 · audit A · 9 stars
AGENTS.md agents
linegel/threejs-complete-set-of-skill · AGENTS.md
git:20260728.be3e9a2 · audit A · 9 stars
CLAUDE.md claude
linegel/threejs-complete-set-of-skill · CLAUDE.md
git:20260905.3f334d1 · audit A · 9 stars
llms.txt@docs llmstxt
linegel/threejs-complete-set-of-skill · docs/llms.txt
git:20260924.03eec1a · audit A · 9 stars
threejs-ambient-contact-shading skill
linegel/threejs-complete-set-of-skill · skills/threejs-ambient-contact-shading/SKILL.md · Ground indirect lighting with ambient visibility in Three.js r185 WebGPU/TSL. Use when choosing authored material AO…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-black-holes-and-space-effects skill
linegel/threejs-complete-set-of-skill · skills/threejs-black-holes-and-space-effects/SKILL.md · Build curved-ray space effects in Three.js WebGPU/TSL. Use for artistic ray bending, Ellis wormholes, Schwarzschild…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-bloom skill
linegel/threejs-complete-set-of-skill · skills/threejs-bloom/SKILL.md · Bloom scene-linear HDR in Three.js WebGPU/TSL. Use when choosing optical full-scene glare, selective or hybrid…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-camera-controls-and-rigs skill
linegel/threejs-complete-set-of-skill · skills/threejs-camera-controls-and-rigs/SKILL.md · One-writer camera rigs for Three.js WebGPU. Use for bounds-derived perspective or orthographic framing; control and…
git:20260716.2ce13bc · audit A · 9 stars
threejs-choose-skills skill
linegel/threejs-complete-set-of-skill · skills/threejs-choose-skills/SKILL.md · Route multi-system Three.js WebGPU/TSL work to the smallest causal skill set. Use when a request spans multiple…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-compatibility-fallbacks skill
linegel/threejs-complete-set-of-skill · skills/threejs-compatibility-fallbacks/SKILL.md · Fallback unavailable WebGPU features through an isolated compatibility branch. Use only when the user explicitly asks…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-debugging skill
linegel/threejs-complete-set-of-skill · skills/threejs-debugging/SKILL.md · Diagnose unexpected Three.js WebGPU/TSL runtime, rendering, API, asset, or version behavior. Use for a concrete…
git:20260716.62a9bc5 · audit A · 9 stars
threejs-dynamic-surface-effects skill
linegel/threejs-complete-set-of-skill · skills/threejs-dynamic-surface-effects/SKILL.md · State-transition screen-space surface effects for Three.js WebGPU/TSL. Use for persistent touch, frost, or thaw…
git:20260716.2ce13bc · audit A · 9 stars

Every file in linegel/threejs-complete-set-of-skill

Browse by kind, by grade A, or by owner.