shader-material-design
Use this skill for custom shaders, materials, postprocessing, visual effects, uniforms, GLSL patterns. Trigger when the task involves 3d web work related to Shader Material Design, production implemen
SKILL.md.codex/skills/shader-material-design/SKILL.md
GitHubShader Material Design
Identify the target renderer and shader language: WebGL GLSL, WebGPU WGSL, or Three.js TSL. Preserve the selected project stack.
Decisions
- Specify inputs, uniforms, time units, coordinate space, linear/sRGB conversion, tone mapping, blending, and depth behavior.
- Control precision and texture sampling costs. Avoid unstable divisions, undefined derivatives, and frame-rate-dependent animation.
- Review provenance before adapting shader code; a public demo is not a reuse license.
Acceptance
Compile on the actual target renderer, inspect console errors, compare screenshots, and capture frame-time on mobile and desktop. Verify reduced motion, canvas visibility, and fallback behavior.