| name | webgpu-claude-skill |
| description | WebGPU-enabled Three.js skill covering TSL (Three.js Shading Language), node-based materials,
GPU compute shaders, post-processing effects, and WGSL integration. Ships in dual format for
Claude Code and Cursor, aligned with Three.js r183+.
|
| triggers | ["WebGPU","TSL Three.js","GPU compute shaders","WGSL","webgpu-claude-skill"] |
| das | {"category":"creative-3d","upstream":"https://github.com/dgreenheck/webgpu-claude-skill","version":"latest","install":false} |
webgpu-claude-skill
Catalogue stub — full package: dgreenheck/webgpu-claude-skill
Decision tree
-
Is the package already installed?
Check: ~/.design-agent-skills/skills/webgpu-claude-skill/SKILL.md exists.
- Yes → invoke
webgpu-claude-skill and proceed
- No → go to step 2
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
! — add -g for global install or omit for project-only
Install command
npx skills add dgreenheck/webgpu-claude-skill
Invoke after install
- Skill name:
webgpu-claude-skill
- Trigger phrases: "WebGPU", "TSL Three.js", "GPU compute shaders", "WGSL"
What it does
Provides deep knowledge of the WebGPU rendering pipeline within Three.js (r183+), including the Three.js Shading Language (TSL) for node-based material authoring, GPU compute shaders for non-rendering workloads, advanced post-processing with WebGPU passes, and WGSL shader integration. Ships in dual format compatible with both Claude Code and Cursor. Use when building high-performance 3D experiences that require GPU compute or next-generation shader authoring.
When NOT to use
- Standard Three.js scenes without WebGPU — use cloudai-threejs instead
- GLSL shader work on WebGL — use a standard Three.js skill instead
- Architecture/BIM workflows — use threejs-claude-skill-package instead
