WebGPU Three.js with TSL

Current-API reference for Three.js WebGPU renderer and TSL node shaders

Tested · Works

Test report

Verdict
Tested · Works
Score
9.2/10
Tested
Jul 17, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 3115563

Asked for a minimal WebGPU Three.js scene with a time-animated TSL material; the no-skill baseline reaches for the stale three/examples/jsm WebGPURenderer path and GLSL, while the skill pins the current three/webgpu + three/tsl imports, await renderer.init(), MeshStandardNodeMaterial and colorNode method chaining. Backed by 2,759 lines of accurate docs and five runnable example files that all match the shipped API.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 8/10
  • Docs & honesty 5/5

What WebGPU Three.js with TSL does

A developer reference for building Three.js apps on the WebGPU renderer with TSL (Three.js Shading Language): renderer setup, node materials, compute shaders, post-processing, and WGSL integration. Triggers on Three.js WebGPU, TSL shaders, node materials, or GPU compute in Three.js. Pins the modern three/webgpu + three/tsl import pattern that is easy to get wrong from memory.

How to install WebGPU Three.js with TSL

git clone https://github.com/dgreenheck/webgpu-claude-skill
mkdir -p ~/.claude/skills
cd webgpu-claude-skill && cp -r skills/webgpu-threejs-tsl ~/.claude/skills/webgpu-threejs-tsl

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger WebGPU Three.js with TSL

  • /webgpu-threejs-tsl Current-API reference for Three.js WebGPU renderer and TSL node shaders

It also activates on plain-language prompts like these:

  • Set up a Three.js scene on the WebGPU renderer with a TSL material.
  • Write a node shader that animates color over time using TSL.
  • My WebGPURenderer import is failing, show me the current Three.js API.

Frequently asked questions

Is the WebGPU Three.js with TSL skill free?
Yes. The skill itself is free from dgreenheck/webgpu-claude-skill. SkillProof publishes the install command and an independent test verdict at no cost.
Does WebGPU Three.js with TSL work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 17, 2026. Verdict: Tested · Works. Asked for a minimal WebGPU Three.js scene with a time-animated TSL material; the no-skill baseline reaches for the stale three/examples/jsm WebGPURenderer path and GLSL, while the skill pins the current three/webgpu + three/tsl imports, await renderer.init(), MeshStandardNodeMaterial and colorNode method chaining. Backed by 2,759 lines of accurate docs and five runnable example files that all match the shipped API.
What is the WebGPU Three.js with TSL SkillProof Score?
9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 5/5.
How do I install WebGPU Three.js with TSL?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use WebGPU Three.js with TSL with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.