threejs-exposure-color-grading
Build a measured exposure and grading path in Three.js. Use for a 64x36 encoded luminance meter, asynchronous readback, weighted log-average exposure, asymmetric adaptation, single tone-map ownership, and a generated 32-cube post-tone-map LUT.
How do I install this agent skill?
npx skills add https://github.com/scottstts/threejs-awesome-graphics-agent-skills --skill threejs-exposure-color-gradingIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides technical documentation and architectural guidelines for implementing a scene-referred exposure and color grading pipeline in Three.js. It contains mathematical formulas, pipeline logic, and configuration defaults but includes no executable code, network requests, or sensitive data access.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Exposure and Color Grading
Treat exposure, tone mapping, grading, and output conversion as distinct stages. Tune them from measured HDR signal, not by stacking compensating color operations.
Order
HDR scene
→ luminance meter
→ adapted exposure
→ tone map
→ creative grade / 3D LUT
→ final output conversion
Read references/scene-referred-color-pipeline.md for the exact 64x36 meter, encoded readback, adaptation constants, 32-cube LUT, and signal-ownership ambiguities.
Failure conditions
- tone mapping occurs in both materials and post;
- exposure is used to repair physically inconsistent light ratios;
- meter weighting and scene framing are not inspected;
- adaptation speed is the same toward light and dark;
- LUT input/output spaces are undocumented;
- sRGB encoding happens twice;
- a display-domain LUT is moved before tone mapping without being rebuilt.
Routing boundary
Use $threejs-bloom for HDR glow contribution and
$threejs-image-pipeline when this color path must share ownership with AO,
atmosphere, or effect-local render targets.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-exposure-color-grading">View threejs-exposure-color-grading on skillZs</a>