xb-modelviewer

Load and display GLTF, GLB, and .spz 3D models in XR Blocks applications.

455|91|Updated Sep 25, 2025
One-click install
npx skills add https://github.com/google/xrblocks --skill xb-modelviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: xb-modelviewer
Source: https://github.com/google/xrblocks/tree/main/skills/xb-modelviewer
Command: npx skills add https://github.com/google/xrblocks --skill xb-modelviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of loading and displaying 3D models in an XR Blocks application, allowing users to integrate 3D assets into their XR experiences.

Core Features & Use Cases

  • 3D Model Loading: Supports GLTF/GLB, Gaussian-splat (.spz), and custom THREE.Object3D models.
  • Interactivity: Offers optional affordances like draggable platforms, bounding boxes, and raycast cylinders for user interaction.
  • Use Case: When you need to integrate a 3D model into an XR scene for interaction, such as in an educational app or a virtual museum tour.

Quick Start

Use the xb-modelviewer skill to load a GLTF model from the web and position it in your scene with xb.ModelViewer.loadGLTFModel(...).

Frequently Asked Questions about xb-modelviewer

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

FAQPage Schema
How do I load and display 3D models in XR applications?

To load and display 3D models in XR applications, use a viewer that dynamically imports GLTF, GLB, and Gaussian-splat (.spz) formats into your XR scene for real-time manipulation and user interaction.

What 3D file formats are supported for XR scene integration?

Supported 3D file formats for XR scene integration include GLTF, GLB, Gaussian-splat (.spz), and custom THREE.Object3D models, allowing flexible asset loading for educational and interactive projects.

Does the 3D model viewer support interactive features like dragging and bounding boxes?

Yes, the 3D model viewer supports interactive features by offering optional affordances like draggable platforms, bounding boxes, and raycast cylinders to enable real-time user interaction within the XR environment.

Do I need TensorFlow Lite or PyTorch to display 3D models in XR?

You need TensorFlow Lite or PyTorch only for certain interactions within the XR application, while the base requirement for loading and displaying 3D models is the XR Blocks framework.

Can I use this approach to build a virtual museum tour with 3D assets?

Yes, you can build a virtual museum tour by loading 3D assets into the XR scene, which is an intended use case alongside educational apps, enabling interactive exhibits through real-time model manipulation.