xb-uiblocks

Official

Create sophisticated 3D spatial UI with uiblocks addon

Authorgoogle
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the need for rich, 3D spatial UI components for immersive experiences, offering advanced styling and layout options beyond the lightweight core SpatialPanel.

Core Features & Use Cases

  • Spatial UI Components: Offers UICard, UIPanel, UIText, UIImage, UIIcon for creating complex 3D interfaces.
  • Flexible Styling: Incorporates gradients, strokes, rounded corners, shadows, and spatial behaviors.
  • Layout: Includes flexbox-laid-out 3D cards/panels for web-like styling fidelity.
  • Use Case: Use it when creating spatial applications that require web-like styling or flexbox layout in 3D space.

Quick Start

Use the xb-uiblocks skill to add a styled 3D panel with text and image to your XR experience.

Dependency Matrix

Required Modules

@pmndrs/uikit

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: xb-uiblocks
Download link: https://github.com/google/xrblocks/archive/main.zip#xb-uiblocks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.