Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU compute for particles, WebGL or WebGPU with TSL. Use when a scene is slow, janks or exceeds memory.
Install
npx skills add CloudAI-X/threejs-skills --skill threejs-performancenpx skills add CloudAI-X/threejs-skills --skill threejs-performance -a claude-code -gnpx skills add CloudAI-X/threejs-skills --skill threejs-performance -a codex -ggemini skills install https://github.com/CloudAI-X/threejs-skills.git --path skills/threejs-performancegh skill install CloudAI-X/threejs-skills threejs-performancegit clone --depth 1 https://github.com/CloudAI-X/threejs-skills /tmp/CloudAI-X__threejs-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-performance ~/.claude/skills/threejs-performance # Claude Code
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-performance ~/.agents/skills/threejs-performance # Codex, Cursor, Gemini CLI, Copilot, OpenCode