Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanup, on WebGL or with WebGPU and TSL. Use when creating a scene from scratch, configuring a camera or renderer, handling resize, or arranging objects.
Install
npx skills add CloudAI-X/threejs-skills --skill threejs-fundamentalsnpx skills add CloudAI-X/threejs-skills --skill threejs-fundamentals -a claude-code -gnpx skills add CloudAI-X/threejs-skills --skill threejs-fundamentals -a codex -ggemini skills install https://github.com/CloudAI-X/threejs-skills.git --path skills/threejs-fundamentalsgh skill install CloudAI-X/threejs-skills threejs-fundamentalsgit 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-fundamentals ~/.claude/skills/threejs-fundamentals # Claude Code
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-fundamentals ~/.agents/skills/threejs-fundamentals # Codex, Cursor, Gemini CLI, Copilot, OpenCode