Three Best Practices

A comprehensive reference that packs 120+ Three.js optimization rules across 22 categories, from critical memory disposal patterns to WebGPU and TSL best practices. Pulls from the official Three.js llms branch and Utsubo's 100 Tips guide. The priority system is genuinely useful: it separates fundamental setup from critical render loop fixes and lower impact tweaks. If you're writing Three.js code in Claude, this gives you specific rule names like `memory-dispose-geometry` and `draw-call-optimization` to reference. The asset compression section alone (Draco, KTX2, Meshopt) could save you hours of research. It's dense but well organized, and the quick reference makes it scannable when you just need to check if you're doing something stupid with shadow maps or shader precision.

Install to Claude Code

npx -y skills add emalorenzo/three-agent-skills --skill three-best-practices --agent claude-code