Shader

shader-dev is a practical GLSL shader skill for ShaderToy-style real-time visuals. Use the shader-dev skill to build or debug ray marching, SDF scenes, lighting, particles, fluid motion, post-processing, and shader-dev for UI Design with less guesswork than a generic prompt.

threejs-shaders is a practical guide for writing Three.js shaders with GLSL, ShaderMaterial, uniforms, vertex deformation, and fragment effects. Use it for frontend development when you need a working shader baseline, clearer material choices, and less guesswork than a generic prompt.

threejs-materials is a Three.js materials skill for choosing, configuring, and troubleshooting mesh materials. Use it for realistic PBR, unlit flat shading, toon and debug views, texture-driven styling, and custom shaders. It is useful for Frontend Development teams that need faster, more consistent material decisions.

threejs-postprocessing skill for Frontend Development: add EffectComposer pipelines, bloom, depth of field, blur, color grading, and custom screen-space passes. Use this guide to set up the render chain, tune effects, and wire composer rendering into an existing Three.js scene.

threejs-lighting is a practical Three.js lighting skill for Frontend Development. It helps you choose light types, set shadows, add environment lighting, and fix scenes that look flat, too dark, or overexposed. Use the threejs-lighting guide when you need faster, more consistent scene lighting.

makepad-2.0-shaders is a Frontend Development skill for writing and debugging Makepad 2.0 shader code. Use this makepad-2.0-shaders skill for pixel: fn() and vertex: fn() blocks, Sdf2d shapes, custom widget drawing, premultiplied alpha, and practical install and usage guidance.