WebGPU Three.js with TSL

Aktuální API reference pro Three.js WebGPU renderer a TSL node shadery

od dgreenheck · dgreenheck/webgpu-claude-skill

Otestováno · Funguje ★ 9.2/10

WebGPU Three.js with TSL — Aktuální API reference pro Three.js WebGPU renderer a TSL node shadery

Co umí

Developer reference pro building Three.js apps na WebGPU rendereru s TSL (Three.js Shading Language): renderer setup, node materials, compute shaders, post-processing a WGSL integration. Spouští se na Three.js WebGPU, TSL shaders, node materials nebo GPU compute v Three.js. Pins modern three/webgpu + three/tsl import pattern, který je easy to get wrong z memory.

Testovací report

Požádal jsem o minimal WebGPU Three.js scene s time-animated TSL material; no-skill baseline sahá po stale three/examples/jsm WebGPURenderer path a GLSL, zatímco skill pins current three/webgpu + three/tsl imports, await renderer.init(), MeshStandardNodeMaterial a colorNode method chaining. Backed by 2,759 lines of accurate docs a five runnable example files, které all match shipped API.

Testováno: 2026-07-17 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

/webgpu-threejs-tslAktuální API reference pro Three.js WebGPU renderer a TSL node shadery

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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.

Kompletní testovací report (anglicky) →