Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.
three.js & WebGL Skills for Claude Code, Codex & AI Agents
These skills help an agent build interactive 3D graphics for the browser. Members cover three.js scenes, glTF models, materials and lighting, shaders, Pixi rendering, and image-to-scene work.
12 skillsExplore three.js & WebGL skills
4 skillsGodot 2D & 3D Shaders
Write canvas and spatial shaders with editable uniforms, animated UVs, dissolve, rim lighting, and screen effects.
Cross-Engine Shader Programming
Write shader effects using coordinate spaces, UV math, texture sampling, dissolve, outlines, and Fresnel lighting.
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
Related topics
How to choose three.js & WebGL skills
Use scene setup for a new canvas, model and material entries for asset work, and shader or Pixi skills when the interaction or rendering effect is the hard part.
- Set up a three.js scene with a camera and lights
- Load and animate a glTF model
- Add a shader effect to an interactive canvas
