shader-art-coding
Installation
SKILL.md
Shader Art Coding
Treat shader work as visual engineering: start from the intended image, choose the smallest mathematical model that can produce it, build it in inspectable stages, and verify each stage with a debug view.
Workflow
- Target. State the image: subject, camera and framing, dominant forms, materials, light, motion.
- Route. Pick the rendering model and starting template from
references/subject-routing.md: 2D distance fields (posters, icons, patterns), SDF raymarching (objects, characters), heightfield marching (landscapes), volume integration (clouds, smoke, fire). - Assemble from the library. Find building blocks with
python3 scripts/glsl_tools.py search <words>orreferences/library-index.md, and call them by name. Do not paste or re-derive library code; it is tested. - First image fast. Coordinates, background, one primitive, one light. Then add the debug views.
- Refine in order: proportions, composition, material separation, lighting, atmosphere, color, antialiasing, performance.
- Bundle and check.
python3 scripts/glsl_tools.py bundle shader.glsl -o out.glslinlines exactly the functions used.python3 scripts/glsl_tools.py check out.glsllints it and compiles it with glslangValidator when installed. Fix every error, then deliverout.glsl.