ar-vr-interface
AR/VR interface design, spatial UI, 3D interaction patterns, and immersive UX.
Skill by Dragoon0x
Chalk Labs
Need help deploying ar-vr-interface?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/dragoon0x-ar-vr-interface
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/ar-vr-interface
What's inside
- Skill name
ar-vr-interface- Description
- AR/VR interface design, spatial UI, 3D interaction patterns, and immersive UX.
- License
- MIT
- Instructions
- 27 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# AR/VR Interface Design ## Spatial UI Principles 1. **Ergonomic placement:** UI at comfortable viewing distance (1-2m in VR) 2. **Follow the user:** UI can be world-locked or head-locked 3. **Depth cues:** Use shadows and layering for 3D hierarchy 4. **Avoid UI in peripheral vision** (hard to read, causes nausea) ## VR-Specific - **Field of view:** Place primary UI in center 60 degrees - **Text size:** Minimum 1 degree of arc (roughly 1.7cm per meter of distance) - **Interaction:** Ray casting (point and click), grab, or gaze + dwell - **Motion sickness:** Avoid moving the user's viewpoint without their control ## AR-Specific - **Anchor to real world:** UI elements attached to surfaces or objects - **Contrast:** Ensure readability against variable real-world backgrounds - **Occlusion:** Handle when real objects block virtual UI - **Lighting:** Match virtual element lighting to environment ## Common Patterns - **Panel:** Floating 2D surface in 3D space (settings, menus) - **Tooltip:** Anchored to object, shows info on gaze/proximity - **Radial menu:** Circular menu around controller/hand - **Spatial layout:** Items arranged in 3D space for browsing
From Dragoon0x/everything-design-taste, MIT.
More from Dragoon0x/everything-design-taste
- 0.449score
case-study-writing
Dragoon0x
Honest, structured case study writing that shows real impact.
SkillDFreshness: D★ 13Claude Code +9 - 0.449score
anti-slop
Dragoon0x
Detecting and eliminating generic AI-generated aesthetics, writing patterns, and design defaults.
SkillDFreshness: D★ 13Claude Code +9 - 0.449score
competitive-teardown
Dragoon0x
Structured analysis of competing products covering UX patterns, design quality, positioning, and strategic differentiation opportunities.
SkillDFreshness: D★ 13Claude Code +9 - 0.449score
configure-edt
Dragoon0x
Interactive setup wizard for Everything Design Code.
SkillDFreshness: D★ 13Claude Code +9 - 0.449score
accessibility-deep-patterns
Dragoon0x
Advanced accessibility patterns including ARIA, screen reader optimization, cognitive accessibility, and motor impairment design.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
ai-product-design
Dragoon0x
Designing AI-powered features, managing user expectations, and AI transparency.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
accordion-patterns
Dragoon0x
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
authentication-flow
Dragoon0x
Login, signup, password reset, SSO, MFA, and authentication UX patterns.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
analytics-reporting-design
Dragoon0x
Analytics and reporting interface design including data visualization, report builder, and metric dashboards.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
avatar-profile
Dragoon0x
Avatar design, profile displays, user representation, initials fallback, and presence indicators.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
animation-choreography
Dragoon0x
Page transition choreography, staggered animations, and orchestrated motion sequences.
SkillDFreshness: D★ 13Claude Code +9 - 0.446score
aspect-ratio-design
Dragoon0x
Image and media aspect ratio standards, responsive aspect ratios, and consistent media sizing.
SkillDFreshness: D★ 13Claude Code +9
Signals
- Stars
- 13
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Apr 11, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Dragoon0x
- 0.492score
color
Dragoon0x
Generate a color palette token file (CSS variables, tailwind config, or JS module) from the palette detected by /scan.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
benchmark
Dragoon0x
Snapshot codebase metrics (file count, total lines, /critique scores) for trend tracking.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
brief
Dragoon0x
Generate a structured product brief markdown from a one-line idea, pre-filled with codebase facts (stack, type system, palette, components count) from…
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
autoplan
Dragoon0x
Run /brief, /plan-eng, and /plan-design in one shot to bootstrap a complete sprint plan.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
careful
Dragoon0x
Write a checklist of destructive commands the user wants to think twice about (rm -rf, force push, hard reset, db drop, etc.) to .dragoon/CAREFUL.md.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
component
Dragoon0x
Generate a UI component scaffold in the codebase's actual style.
SkillCFreshness: C★ 4Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get ar-vr-interface running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
ar-vr-interface skill. Agent Mart. https://agentmart.dev/skills/dragoon0x-ar-vr-interface (last updated 2026-10-24)