skills.rest
Entelligentsia
EntelligentsiaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

webxr-passthrough

Enable Quest mixed reality passthrough with plane and mesh detection via WebXR.

1|1|Updated Mar 30, 2026
Search Tags:#quest#webxr#passthrough#mixed-reality#plane-detection#mesh-detection
One-click install
npx skills add https://github.com/Entelligentsia/skillforge --skill webxr-passthrough
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webxr-passthrough
Source: https://github.com/Entelligentsia/skillforge/tree/main/meta-webxr-skills/skills/webxr-passthrough
Command: npx skills add https://github.com/Entelligentsia/skillforge --skill webxr-passthrough

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Meta Quest MR passthrough integration that aligns virtual content with the real world using plane and mesh detection, environment blending, and a transparent renderer.

Core Features & Use Cases

  • Plane detection and mesh detection for scene understanding and occlusion
  • Environment blend modes and transparent renderer setup for MR rendering
  • RATK integration for managing planes, meshes, and AR interactions
  • Use cases: AR experiences that place virtual objects on detected real-world planes, or integrate virtual content with room geometry for better immersion

Quick Start

Launch a Quest app with passthrough by enabling a transparent WebGLRenderer and initiating an immersive-ar session with plane- and mesh-detection enabled.

Frequently Asked Questions about webxr-passthrough

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable mixed-reality passthrough on Quest using WebXR?▼

Plane and mesh detection in WebXR allows AR apps to understand real-world room geometry, enabling virtual objects to be placed on detected surfaces and properly occluded by physical obstacles for better immersion.

Do I need a transparent WebGLRenderer for WebXR passthrough on Meta Quest?▼

Yes, you can use plane and mesh detection to place virtual objects on detected real-world planes and integrate virtual content with room geometry, managing AR objects through RATK integration.

What is WebXR plane and mesh detection used for in AR apps?▼

To start a Quest passthrough app, enable an alpha-enabled WebGLRenderer and initiate an immersive-ar session with plane- and mesh-detection enabled, integrating RATK to manage planes, meshes, and AR interactions.

How do I integrate RATK for managing AR objects in WebXR?▼

Yes, a transparent WebGLRenderer is required for WebXR passthrough on Meta Quest to blend virtual content with the real world, alongside an immersive-ar session configured with plane and mesh detection features.

Related Skills

Explore More Software Engineering Skills→
shady843shady843
1

webxr-dev

Implement WebXR VR sessions with Three.js on Meta Quest devices.

Community
Advanced
specs-devsspecs-devs

api-world-query

Cast rays against real-world surfaces using WorldQueryModule for AR object placement in LensStudio/TypeScript workflows.

Official
Intermediate
EntelligentsiaEntelligentsia
1

webxr-ratk

Translate WebXR plane, mesh, anchor, and hit-test data into a Three.js scene graph.

Official
Advanced
daffy0208daffy0208
34

spatial-developer

Develop AR/VR spatial experiences with WebXR, Vision Pro, and React Three Fiber.

Community
Intermediate