A Claude skill for developing WebGPU applications with Three.js
dgreenheck/webgpu-claude-skill
Cursor rule Cursor
GPU compute shaders in Three.js WebGPU using TSL. Covers instanced array buffers, parallel simulation, particle systems, atomic operations, and workgroup barriers. Use when writing compute passes, particle systems, or GPU-side simulations.
dgreenheck/webgpu-claude-skill
Cursor rule Cursor
WebGPU device loss handling, recovery strategies, and device limits/optional features. Use when adding robustness to a WebGPU app, handling GPU crashes, requesting non-default limits, or enabling optional features like timestamp queries or float32-filterable.
dgreenheck/webgpu-claude-skill
Cursor rule Cursor
Post-processing effects for Three.js WebGPU via the TSL node-based pipeline. Covers PostProcessing class, built-in passes (bloom, blur, FXAA, DOF), custom effects with Fn(), and effect chaining. Use when building render pipelines with post effects.
dgreenheck/webgpu-claude-skill
Cursor rule Cursor
Entry point for Three.js WebGPU + TSL guidance. Covers renderer setup, node materials, and TSL syntax fundamentals. Auto-attaches on JS/TS files in projects using three/webgpu.
dgreenheck/webgpu-claude-skill
Cursor rule Cursor
Mixing custom WGSL code into Three.js TSL shaders via wgslFn(). Use when integrating raw WGSL functions, porting existing WGSL, or optimizing hot paths that need hand-written shader code.