What problem does it solve? Building WebXR experiences in Three.js involves subtle pitfalls that break immersion or cause motion sickness, such as using requestAnimationFrame instead of setAnimationLoop, moving the camera directly instead of a rig, or choosing the wrong reference space. This Skill provides correct patterns, API references, and anti-patterns for VR/AR development. ## Core Features & Use Cases - VR/AR Session Setup: Correct configuration of WebXRManager, VRButton, ARButton, session features, and reference space types. - Controllers & Hand Tracking: Controller target ray/grip/hand spaces, select and squeeze events, controller models, and pinch gestures. - AR Hit Testing & Teleportation: Real-world surface placement with reticles, teleportation locomotion via camera rigs, and estimated environment lighting. - Use Case: You are building a Quest 3 VR showroom where users teleport around and grab products with controllers. Use this Skill to set up the session, controllers, teleportation rig, and performance optimizations like foveated rendering. ## Quick Start Use the threejs-impl-xr skill to create a VR scene with controller laser pointers and teleportation on a floor plane.
