SKILL.md
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-skillInvoke 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