QuickMatch.si

WebGPU Three.js TSL skill

Agent skill by dgreenheck · for Claude Code and Cursor

A Claude skill (with Cursor rules) for WebGPU three.js apps: TSL shaders, node materials, GPU compute particles, post-processing and custom WGSL. Aligned with three.js r183+.

What it does

This skill teaches an agent to build WebGPU-enabled three.js applications with TSL, the Three.js Shading Language. It covers renderer setup, node materials, GPU compute shaders for particles and physics, post-processing effects like bloom and depth of field, custom WGSL and GPU device-loss handling.

The repo ships the same content as a Claude Code skill and as Cursor rules that reference the skill docs, plus examples and starter templates. It is a specialist add-on for browser games that need custom visuals, not a game builder.

The last update was April 2026, aligned with three.js r183+. The README states an MIT license, but the repo has no license file.

Features

  • TSL shaders and node materials
  • GPU compute shaders for particles
  • Post-processing effects
  • Custom WGSL integration
  • Cursor rules that reuse the skill docs

Limits

  • Last updated April 2026
  • No license file in the repo (README says MIT)
  • Shader and rendering help only, not a game builder

Browse all 30 agent skills