hz-iwsdk-webxr

Develop WebXR applications for Meta Quest using the Immersive Web SDK.

176|17|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/meta-quest/agentic-tools --skill hz-iwsdk-webxr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hz-iwsdk-webxr
Source: https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-iwsdk-webxr
Command: npx skills add https://github.com/meta-quest/agentic-tools --skill hz-iwsdk-webxr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @iwsdk/core, three, @iwsdk/vite-plugin-dev, vite-plugin-mkcert, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating immersive WebXR experiences for Meta Quest and Horizon OS, leveraging the Immersive Web SDK (IWSDK) to streamline the development process.

Core Features & Use Cases

  • WebXR Development: Facilitates the creation of VR/MR apps for Quest Browser using IWSDK.
  • ECS Architecture: Supports ECS architecture for 3D scene development on top of Three.js.
  • Spatial UI: Enables spatial UI panel design with UIKitML and PanelUI.
  • XR Input Handling: Manages XR input from controllers, hands, and world-space pointers.
  • Performance Optimization: Offers guidance for optimizing WebXR apps for Quest hardware.
  • Use Case: Ideal for developers looking to integrate immersive experiences into their Meta Quest applications.

Quick Start

Use the hz-iwsdk-webxr skill to create a new WebXR project with the following command: npm create @iwsdk@latest my-project.

Frequently Asked Questions about hz-iwsdk-webxr

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

FAQPage Schema
How do I build WebXR apps for Meta Quest using Three.js?

You can build WebXR apps for Meta Quest using Three.js by leveraging the Immersive Web SDK (IWSDK), which integrates ECS architecture to streamline 3D scene development and spatial UI design for the Quest Browser.

What is ECS architecture and how does it work with Three.js for WebXR development?

ECS architecture in WebXR development organizes 3D scene logic into entities, components, and systems on top of Three.js, providing a structured way to manage complex immersive environments and spatial UI panels for Meta Quest.

Do I need Node.js to create a WebXR project with IWSDK?

Yes, creating a WebXR project with IWSDK requires Node.js version 20.19.0 or higher. You can initialize a new immersive project by running the command `npm create @iwsdk@latest my-project`.

Can I handle XR controller and hand tracking input for Meta Quest in WebXR?

Yes, the IWSDK manages XR input handling for WebXR applications by supporting controller inputs, hand tracking, and world-space pointers, enabling interactive spatial UI and immersive experiences on Meta Quest.

How do I design spatial UI panels for VR applications on the Quest Browser?

You design spatial UI panels for VR applications using UIKitML and PanelUI components provided by the IWSDK, enabling interactive world-space interfaces optimized for Meta Quest hardware and the Quest Browser.

What are the limitations of using WebXR for Meta Quest development?

WebXR development for Meta Quest is constrained by browser-based performance limits, requiring specific optimization guidance for Quest hardware, and depends entirely on the Quest Browser environment rather than native Horizon OS APIs.