Shader

Use this skill to turn shader requests into runnable code and fast debugging steps.

Default target: browser-friendly GLSL. If the runtime is unclear, narrow it before writing code:

• ShaderToy fragment-only
• raw WebGL / GLSL ES
• Three.js ShaderMaterial
• React Three Fiber
• postprocess-style full-screen pass

Workflow

1. Lock the runtime and effect shape

Resolve these first: