threejs-node-tsl

Writes modern 3D shaders as visual graphs instead of code for WebGPU graphics.

Installation
Run `npx skills add "https://github.com/full-stack-skills/threejs-skills" --skill "threejs-node-tsl"` to install this skill, then follow its SKILL.md instructions for my next request.

Paste this into Claude Code, Cursor, or any agent that can run commands.

What this skill does
What it does: This skill helps you build shaders and materials using a node-based system called TSL, which is Three.js Shading Language. Instead of writing code as text, you connect visual nodes together like building blocks to create how surfaces look. It works with the WebGPU graphics system for modern web browsers. When to use it: Use this when you want to build shaders by connecting nodes visually rather than writing code, or when you are using the newer WebGPU renderer. Do not use this for standard materials like MeshStandardMaterial or for classic string-based shader code, which need different skills.

The full skill text could not be loaded right now. It installs fine with the command above, or read it at the source.

Mirrored from the author's public source. Install counts from the open skills registry.

The systems behind these skills get built for partners every week.

Partner with us