14
0
Source

VR/AR development principles. Comfort, interaction, performance requirements.

Install

mkdir -p .claude/skills/vr-ar && curl -L -o skill.zip "https://mcp.directory/api/skills/download/1935" && unzip -o skill.zip -d .claude/skills/vr-ar && rm skill.zip

Installs to .claude/skills/vr-ar

About this skill

VR/AR Development

Immersive experience principles.


1. Platform Selection

VR Platforms

PlatformUse Case
QuestStandalone, wireless
PCVRHigh fidelity
PSVRConsole market
WebXRBrowser-based

AR Platforms

PlatformUse Case
ARKitiOS devices
ARCoreAndroid devices
WebXRBrowser AR
HoloLensEnterprise

2. Comfort Principles

Motion Sickness Prevention

CauseSolution
LocomotionTeleport, snap turn
Low FPSMaintain 90 FPS
Camera shakeAvoid or minimize
Rapid accelerationGradual movement

Comfort Settings

  • Vignette during movement
  • Snap vs smooth turning
  • Seated vs standing modes
  • Height calibration

3. Performance Requirements

Target Metrics

PlatformFPSResolution
Quest 272-901832x1920
Quest 390-1202064x2208
PCVR902160x2160+
PSVR290-1202000x2040

Frame Budget

  • VR requires consistent frame times
  • Single dropped frame = visible judder
  • 90 FPS = 11.11ms budget

4. Interaction Principles

Controller Interaction

TypeUse
Point + clickUI, distant objects
GrabManipulation
GestureMagic, special actions
PhysicalThrowing, swinging

Hand Tracking

  • More immersive but less precise
  • Good for: social, casual
  • Challenging for: action, precision

5. Spatial Design

World Scale

  • 1 unit = 1 meter (critical)
  • Objects must feel right size
  • Test with real measurements

Depth Cues

CueImportance
StereoPrimary depth
Motion parallaxSecondary
ShadowsGrounding
OcclusionLayering

6. Anti-Patterns

❌ Don't✅ Do
Move camera without playerPlayer controls camera
Drop below 90 FPSMaintain frame rate
Use tiny UI textLarge, readable text
Ignore arm lengthScale to player reach

Remember: Comfort is not optional. Sick players don't play.

More by davila7

View all →

senior-fullstack

davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

7019

senior-security

davila7

Comprehensive security engineering skill for application security, penetration testing, security architecture, and compliance auditing. Includes security assessment tools, threat modeling, crypto implementation, and security automation. Use when designing security architecture, conducting penetration tests, implementing cryptography, or performing security audits.

6218

cto-advisor

davila7

Technical leadership guidance for engineering teams, architecture decisions, and technology strategy. Includes tech debt analyzer, team scaling calculator, engineering metrics frameworks, technology evaluation tools, and ADR templates. Use when assessing technical debt, scaling engineering teams, evaluating technologies, making architecture decisions, establishing engineering metrics, or when user mentions CTO, tech debt, technical debt, team scaling, architecture decisions, technology evaluation, engineering metrics, DORA metrics, or technology strategy.

6110

market-research-reports

davila7

Generate comprehensive market research reports (50+ pages) in the style of top consulting firms (McKinsey, BCG, Gartner). Features professional LaTeX formatting, extensive visual generation with scientific-schematics and generate-image, deep integration with research-lookup for data gathering, and multi-framework strategic analysis including Porter's Five Forces, PESTLE, SWOT, TAM/SAM/SOM, and BCG Matrix.

809

software-architecture

davila7

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

538

scroll-experience

davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.

318

You might also like

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

261780

drawio-diagrams-enhanced

jgtolentino

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

200412

godot

bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.

176270

nano-banana-pro

garg-aayush

Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.

204230

ui-ux-pro-max

nextlevelbuilder

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

161194

rust-coding-skill

UtakataKyosui

Guides Claude in writing idiomatic, efficient, well-structured Rust code using proper data modeling, traits, impl organization, macros, and build-speed best practices.

159171

Stay ahead of the MCP ecosystem

Get weekly updates on new skills and servers.