# Ar Vr Design

> Augmented and virtual reality interface design including spatial UI, 3D interaction, and immersive experience patterns.

- Skill: `dragoon0x/ar-vr-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/ar-vr-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/ar-vr-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/ar-vr-design

---


# Ar Vr Design

## AR Design Principles
- **World-anchored:** UI elements attached to real-world surfaces.
- **Minimal HUD:** Don't clutter the real-world view.
- **Lighting-aware:** UI adapts to environment brightness.
- **Occlusion:** Virtual objects hidden behind real objects.

## VR Design Principles
- **Comfort first:** Avoid motion sickness. Fixed reference points.
- **Spatial audio:** Sound direction matches visual position.
- **Readable text:** Minimum 1.5° angular size (~32px at arm's length).
- **Interaction range:** Content within arm's reach for interaction.

## UI Placement
- **Head-locked:** Moves with user's head. Use sparingly (HUD, notifications).
- **World-locked:** Fixed in 3D space. Use for spatial content.
- **Body-locked:** Follows user but with lag. Use for menus.
- **Gaze-following:** Faces the user. Use for information panels.

## Input Methods
- Gaze + dwell (look at button for 1-2s to activate).
- Hand tracking (pinch, grab, point).
- Controller (ray-casting, trigger, grip).
- Voice commands (hands-free interaction).