WebGPU brings fast graphics to your browser. Three.js Shading Language (TSL) lets you write shader code in JavaScript. This guide helps you set up Three.js with WebGPU and use TSL for custom materials and compute shaders.
You can create effects like particle systems and post processing pipelines. TSL uses node based logic that is easier to read and reuse. The skill covers GPU compute, WGSL integration, and device loss handling.
Use it to build interactive 3D scenes, Earth shaders, or any visual effect that needs the power of your GPU.
Global
mkdir -p ~/.claude/skills/webgpu-threejs-tslProject
mkdir -p .claude/skills/webgpu-threejs-tslSource Repository
Godot Gdscript Patternswshobson/agents
Learn Godot 4 GDScript patterns for signals, scenes, state machines, and optimization
Game Enginegithub/awesome-copilot
Build web-based game engines and games using HTML5 Canvas WebGL and JavaScript
Unity Ecs Patternswshobson/agents
Master Unity ECS DOTS Jobs and Burst for efficient game development
Multiplayer Gamerivet-dev/skills
Ready made patterns for building any multiplayer game fast
Threejs Geometrycloudai-x/threejs-skills
Build 3D shapes with built-in and custom geometry using Three.js
Threejs Materialscloudai-x/threejs-skills
Pick the right Three.js material for realistic or stylized 3D objects
Game Developerjeffallan/claude-skills
Build fast, smooth games with Unity Unreal Engine patterns and performance tips
Game Developmentsickn33/antigravity-awesome-skills
Choose your platform and build games with proven patterns and performance tips