What problem does it solve? Writing custom GLSL shaders for Three.js requires strict adherence to GLSL ES 3.00 syntax rules, and small mistakes in type casting, qualifiers, or swizzling cause cryptic compile errors. This Skill provides the exact specification rules needed to write correct shaders, materials, and effects the first time. ## Core Features & Use Cases - GLSL ES 3.00 Syntax Enforcement: Applies strict type mapping, storage qualifiers, interpolation rules, and swizzling constraints so shaders compile without implicit-cast or qualifier-order errors. - Custom Materials & Effects: Guides creation of ShaderMaterial-based effects such as animated gradients, particle systems, and post-processing passes for Three.js scenes. - Use Case: You are building an interactive WebGL landing page and need a custom animated shader material. Use this Skill to generate a vertex and fragment shader pair that follows GLSL ES 3.00 rules, with correct in/out qualifiers, flat interpolation for integer varyings, and valid swizzle operations. ## Quick Start Use the threejs-shader-expert skill to write a GLSL ES 3.00 fragment shader that animates a color gradient over time for a Three.js ShaderMaterial.
