Back to Skills
webgpu-threejs-tsl
Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, TSL syntax and node materials, compute shaders, post-processing effects, and WGSL integration. Use this skill when working with Three.js WebGPU, TSL shaders, node materials, or GPU compute in Three.js.
1,254stars121forksUpdated 10/21/2026
Security Assessment
Safe(100/100)
Security Score100/100
Detailed description not yet generated. View the SKILL.md tab for raw content.
All Files
16 filesdocs/limits-and-features.md4.9 KB
Viewexamples/basic-setup.js2.2 KB
Viewexamples/post-processing.js5.1 KB
Viewtemplates/compute-shader.js9.2 KB
Viewdocs/compute-shaders.md15.3 KB
Viewdocs/materials.md8.6 KB
Viewexamples/custom-material.js4.2 KB
ViewREFERENCE.md8.8 KB
Viewdocs/device-loss.md9.0 KB
Viewdocs/wgsl-integration.md6.4 KB
Viewexamples/earth-shader.js8.4 KB
Viewexamples/particle-system.js7.2 KB
ViewSKILL.md3.1 KB
Viewtemplates/webgpu-project.js6.2 KB
Viewdocs/core-concepts.md10.7 KB
Viewdocs/post-processing.md13.0 KB
ViewInstall webgpu-threejs-tsl
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
dgreenheck/webgpu-claude-skill