Shader Desk — compile your GLSL shader for real, then fix, explain, optimize and port it

Paste one GLSL shader and work it four ways in one sitting: diagnose the compile errors, explain what the maths is doing, cut the per-pixel cost, and port it to a three.js ShaderMaterial. A free in-browser reader hands the source to your own GPU driver first - real compiler diagnostics pinned to your line numbers, a live animated preview with the Shadertoy uniform set, a full declaration inventory, a counted per-pixel cost profile, 28 lint rules and a deterministic GLSL ES 1.00 to 3.00 translation - and every flag it raises becomes a fact the reviewer must reconcile one by one. A derived work built on four agent skills: @minimax-ai/shader-dev (optimize), @sickn33/shader-programming-glsl (diagnose), @bbeierle12/shader-fundamentals (explain) and @cloudai-x/threejs-shaders (port).

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.