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 skills

Explore three.js & WebGL skills

4 skills

Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.

  • glsl
  • shaders
13.8KStars1.2KForks
Repository last pushed
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Other utilities

Godot 2D & 3D Shaders

Write canvas and spatial shaders with editable uniforms, animated UVs, dissolve, rim lighting, and screen effects.

8.8KStars894Forks
Repository last pushed
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Other utilities

Cross-Engine Shader Programming

Write shader effects using coordinate spaces, UV math, texture sampling, dissolve, outlines, and Fresnel lighting.

8.8KStars894Forks
Repository last pushed

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

  • three.js
  • shaders
4.2KStars481Forks
Repository last pushed

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