WebXR Development Guide

A practical guide for building WebXR (VR/AR) experiences with Three.js, based on hard-won lessons from shipping VR on Meta Quest headsets.

When to Use This Skill

Invoke with /webxr-dev when:

• Adding VR/AR support to a Three.js application
• Debugging WebXR rendering issues
• Implementing VR interaction systems (panels, teleport, controllers, hands)
• Adding passthrough/AR to an existing VR application

Critical Rule: immersive-vr vs immersive-ar

This is the single most important decision in your WebXR app.

immersive-vr (Default — Use This)