Setup & Installation
What This Skill Does
A GLSL shader skill covering 36 techniques for real-time visual effects in ShaderToy-compatible code. Handles geometry modeling with SDFs, ray marching, lighting, simulation, procedural generation, and post-processing. Includes WebGL2 adaptation rules and a routing table to match requests to the right technique files.
Instead of hunting across 36 separate GLSL topics, the routing table maps your effect goal directly to the right technique file with implementation steps and ready-to-use code templates.
When to use it
- Building a raymarched 3D scene with soft shadows and PBR lighting
- Writing a fluid simulation shader with Navier-Stokes pressure projection
- Generating procedural terrain with FBM noise and atmospheric scattering
- Porting a ShaderToy effect to a standalone WebGL2 HTML page
- Debugging a blank screen caused by GLSL function declaration order or TDZ errors