Skills
.Work. You
Rest

threejs-exposure-color-grading

Community

Build a workload-selected WebGPU/TSL exposure and grading path in Three.js.

Software Engineering#three.js#WebGPU#real-time graphics#TSL#exposure grading
Authorlinegel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive toolset for implementing and managing exposure and color grading in Three.js WebGPU scenes, addressing the needs of real-time graphics systems.

Core Features & Use Cases

  • WebGPU/TSL Exposure and Grading: Offers a specialized path for building exposure and grading systems in Three.js using WebGPU and TSL (Three.js Shader Language).
  • Luminance Metering: Supports various luminance metering options, including fixed, sampled, reduced, and histogram luminance metering.
  • EV Adaptation: Includes GPU-resident EV adaptation for accurate exposure control.
  • Tone Mapping: Provides explicit tone-map/output ownership and domain-correct lut3D grading.
  • Use Case: Ideal for applications requiring advanced real-time graphics, such as scientific visualization, procedural graphics systems, and interactive scenes with detailed lighting and color correction.

Quick Start

Use the threejs-exposure-color-grading skill to apply exposure and color grading to a Three.js scene.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: threejs-exposure-color-grading
Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-exposure-color-grading

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.