Threejs Interaction

Handles the interactive parts of Three.js that make scenes feel alive: raycasting for click detection, camera controls like OrbitControls and PointerLockControls, and proper mouse/touch coordinate conversion. You'll reach for this when adding object selection, implementing camera movement, or setting up any kind of user input in 3D. The raycaster examples are solid, covering everything from basic picking to efficient filtering with layers. The controls section is comprehensive, showing setup for orbit, fly, first-person, and transform gizmos. One thing to note: the PointerLockControls example has incomplete movement code, but the patterns are clear enough to build on.

Install to Claude Code

npx -y skills add cloudai-x/threejs-skills --skill threejs-interaction --agent claude-code