Home / linegel / threejs-complete-set-of-skill · skills/threejs-image-pipeline/SKILL.md · GitHub

threejs-image-pipeline skillA

threejs-image-pipeline is agent-read markdown (skill) from linegel/threejs-complete-set-of-skill: Coordinate Three.js WebGPU/TSL final-image graphs. Use when effects share scene-pass signals or output ownership, when choosing MRT versus reconstruction or narrow passes, when admitting temporal history, or when whole-graph budgets and lifetimes decide the design..

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

# Image Pipeline

Build one causal image graph: one HDR scene pass with depth, selected shared
signals, and one final output conversion. Add a scene traversal or attachment
only when its measured alternative is worse.

Use the atomic owner for each admitted effect:

- `$threejs-ambient-contact-shading` for GTAO and indirect-light composition;
- `$threejs-bloom` for glare source selection and `BloomNode` controls;
- `$threejs-exposure-color-grading` for metering, adaptation, tone mapping, and
  LUT domains;
- `$threejs-dynamic-surface-effects` for feature-local screen history;
- `$threejs-visual-validation` for capture, timing, and lifecycle evidence.

## 1. Fix the baseline

Declare physical canvas pixels, target browser/GPU, frame budget, primary
visual contract, and a readable no-post view. Initialize one
`WebGPURenderer`, confirm `renderer.backend.isWebGPUBackend`, create one
`RenderPipeline`, and make one `pass(scene, camera)` own scene-linear HDR plus
its depth texture. Set `trackTimestamp` before `renderer.init()` when GPU timing
is requested.

This step is complete when the baseline renders without optional post, the HDR
…

Read the whole file at its exact version.

How to install

Latest version
mdr add linegel/threejs-complete-set-of-skill/threejs-image-pipeline@git:20260716.62a9bc5
Exact content
mdr add linegel/threejs-complete-set-of-skill/threejs-image-pipeline@sha256:6c7a644f9342a8d5

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_wfzchirea7abyh6h.svg)](https://markdownregistry.com/a/art_wfzchirea7abyh6h)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260716.62a9bc5 latest2026-07-16 62a9bc5 8,486 BA view · diff
git:20260716.87491832026-07-16 8749183 7,711 BA view · diff
git:20260716.2ce13bc2026-07-16 2ce13bc 7,558 BA view · diff
git:20260713.f0e8d5c2026-07-13 f0e8d5c 37 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 (8486 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_wfzchirea7abyh6h
GET https://markdownregistry.com/api/v1/resolve?ref=linegel/threejs-complete-set-of-skill/threejs-image-pipeline
GET https://markdownregistry.com/api/v1/blob/6c7a644f9342a8d5185c85b94a6401f1cf720072690f87b56625163a7cb3a0ef

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.