uiblocks
OfficialBuild immersive 3D UIs in XR Blocks
Authorgoogle
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation of interactive 3D user interfaces in XR Blocks apps, enabling developers to design spatial UI components that integrate seamlessly with immersive XR experiences.
Core Features & Use Cases
- Spatial UI Creation: Develop UI components that can be placed anywhere in 3D space, supporting object anchoring, head-leashing, and manipulation.
- Styling Options: Utilize flexbox layouts, gradients, shadows, and rounded corners to style your UI components.
- Interactivity: Implement interactive behaviors like hover, click, and head-leashing for a responsive user experience.
- Use Case: Imagine creating a spatial menu for an AR app that responds to user interactions and follows the user's movements.
Quick Start
Use the uiblocks skill to create a simple 3D UI card with text and a button.
Dependency Matrix
Required Modules
three@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: uiblocks Download link: https://github.com/google/xrblocks/archive/main.zip#uiblocks Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.