mcpField
W
webgpu-claude-skill

webgpu-claude-skill

github.com/podoDevelopment29162 installsUpdated 1d ago
Repository

About webgpu-claude-skill

webgpu-claude-skill provides Claude Code and Cursor skills for building WebGPU experiences with Three.js r183+. It covers TSL materials, GPU compute, post-processing, and WGSL integration.

Key features

  1. 01Three.js WebGPU rendering guidance
  2. 02TSL node-based materials
  3. 03GPU compute shaders
  4. 04WebGPU post-processing
  5. 05WGSL shader integration

Use cases

  1. 01Building WebGPU-based 3D experiences
  2. 02Authoring TSL materials in Three.js
  3. 03Using GPU compute for non-rendering tasks

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill webgpu-claude-skill

After installing, type/webgpu-claude-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

webgpu-claude-skill

Catalogue stub — full package: dgreenheck/webgpu-claude-skill

Decision tree

  1. 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

  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

Comments

Markdown supported