dgreenheck

dgreenheck/webgpu-claude-skill

Plugin Claude Code

Bundles 1 skill · 78 tokens together

Claude skill for WebGPU-enabled Three.js development with TSL (Three.js Shading Language).

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.