Convert Three.js GLSL shader code into TSL node materials.
npx skills add https://github.com/Robpayot/tslda --skill tsl-conversion
Please help me install this Agent Skill. Skill: TSL conversion Source: https://github.com/Robpayot/tslda/tree/main/.cursor/skills/tsl Command: npx skills add https://github.com/Robpayot/tslda --skill tsl-conversion
Convert GLSL shader code from Three.js into TSL node materials to simplify migration and reuse across projects.
Run the TSL converter on a GLSL shader to generate a TSL node material.
High-intent search queries and answers about installing and using this skill.
To convert GLSL shaders to TSL node materials, you run the TSL converter on your existing Three.js GLSL shader code, which translates the shader logic into a reusable TSL node graph.
TSL is a node material system for Three.js that simplifies shader migration and reuse. You use TSL to build portable runtime shading graphs that can run across WebGPU and WebGL contexts instead of static GLSL.
Yes, you can migrate custom lighting shaders from GLSL into TSL materials. This allows your custom shader logic to run seamlessly in WebGPU and WebGL contexts using the TSL node graph structure.
The best way to share shader graphs across projects is to convert them into TSL node materials. TSL provides node-material portability, allowing you to build reusable shader graphs from GLSL logic.
You do not need external dependencies to migrate GLSL to TSL node materials. The conversion requires a YAML frontmatter with name and description in SKILL.md and may use optional scripts, references, and assets directories.
soeirooCraft custom GLSL shaders for Three.js ShaderMaterial scenes.
dedekpoDevelops WebGPU-enabled Three.js apps with Three.js Shading Language (TSL).
sebasdvBuild 3D MIDI-reactive visualizers with Three.js instanced meshes and spring physics.
huangzidaCreate and integrate custom GLSL shaders into Three.js scenes.
