Picking with raycasting, camera controls, transform gizmos, drag, hover and box selection for three.js, identical under WebGL and WebGPU. Use when handling mouse, touch or keyboard input, detecting clicks on 3D objects, adding camera controls, or making scene objects interactive.
Install
npx skills add CloudAI-X/threejs-skills --skill threejs-interactionnpx skills add CloudAI-X/threejs-skills --skill threejs-interaction -a claude-code -gnpx skills add CloudAI-X/threejs-skills --skill threejs-interaction -a codex -ggemini skills install https://github.com/CloudAI-X/threejs-skills.git --path skills/threejs-interactiongh skill install CloudAI-X/threejs-skills threejs-interactiongit 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-interaction ~/.claude/skills/threejs-interaction # Claude Code
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-interaction ~/.agents/skills/threejs-interaction # Codex, Cursor, Gemini CLI, Copilot, OpenCode