implementing-spatial-xr
CommunityBring your apps to life in VR/AR.
Authorhkcm91
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables the integration of immersive Virtual Reality (VR) and Augmented Reality (AR) experiences into your application, allowing users to interact with digital content in a spatial environment.
Core Features & Use Cases
- VR/AR Mode Integration: Seamlessly switch between desktop, VR, and AR rendering modes within a single application.
- WebXR Support: Leverages
@react-three/xrfor robust WebXR implementation, including controller and hand tracking. - Spatial Understanding: Utilizes plane and mesh detection for AR environments, enabling realistic object placement and occlusion.
- Use Case: A user can switch from a standard desktop view of a 3D model to a VR mode to inspect it immersively, or use AR to place virtual furniture in their real-world room.
Quick Start
Use the implementing-spatial-xr skill to enter VR mode.
Dependency Matrix
Required Modules
three@react-three/fiber@react-three/xr@react-three/drei
Components
scriptsreferencesexamples
💻 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: implementing-spatial-xr Download link: https://github.com/hkcm91/StickerNestV4/archive/main.zip#implementing-spatial-xr 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 223,000+ vetted skills library on demand.