This is your go-to for adding Three.js and WebGL capabilities to Claude Code, covering everything from basic 3D scenes to custom GLSL shaders. It handles both vanilla Three.js and React Three Fiber setups, which is helpful since you'll likely hit both depending on your stack. The skill includes practical stuff like Draco compression for models, texture optimization, and physics integration with Rapier or Cannon. What's nice is it doesn't just generate boilerplate. It actually helps debug WebGL performance issues like draw call optimization and memory leaks, which is where most 3D web projects get messy. If you're building product configurators, interactive landing pages, or anything that needs real 3D on the web, this covers the essentials without making you context switch to documentation constantly.
npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill threejs-pro