skills/ar-vr/ar-vr-design/SKILL.md
Designs interactive AR/VR experiences using 3D modeling, spatial computing, and user interface optimization.
npx skillsauth add alphaonedev/openclaw-graph ar-vr-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill designs interactive AR/VR experiences by integrating 3D modeling, spatial computing, and UI optimization, enabling creation of immersive environments for applications like virtual training or augmented overlays.
Use this skill for projects requiring 3D asset manipulation, spatial interactions, or VR-specific UI tweaks, such as developing a virtual museum tour or AR product visualization in e-commerce apps.
To accomplish tasks, follow these steps: First, initialize a project with required configs; then, build and manipulate 3D assets; next, apply spatial computing for interactions; finally, optimize and simulate. Always set environment variables for authentication, e.g., export SERVICE_API_KEY=your_key before running commands. For integration, wrap skill outputs in a main application loop.
Use the arvr-cli tool for core operations. Authenticate via $ARVR_API_KEY environment variable.
Command: arvr-cli init --project myvrapp --type vr
--ar flag for AR mode.export ARVR_API_KEY=abc123
arvr-cli init --project myvrapp
API Endpoint: POST /api/vr/models
curl -H "Authorization: Bearer $ARVR_API_KEY" -X POST -d '{"model": "asset.gltf"}' https://api.openclaw.com/api/vr/models
Command: arvr-cli optimize --input model.obj --device oculus
arvr-cli optimize --input scene.glb --device hololens
API Endpoint: GET /api/ar/spatial-map
curl -H "Authorization: Bearer $ARVR_API_KEY" https://api.openclaw.com/api/ar/spatial-map?roomSize=5x5
Config formats: Use JSON for project configs, e.g., { "assets": ["model1.obj"], "spatialSettings": { "gravity": 9.8 } }.
Integrate this skill into workflows by importing outputs into engines like Unity or Unreal. For example, after running arvr-cli init, copy generated files to a Unity project and reference them in scripts. Use $ARVR_API_KEY for API calls in custom code. To chain with other skills, pipe outputs via stdin/stdout, e.g., output from a 3D modeling skill into this one's input. Ensure compatibility by matching formats: always convert models to GLTF before integration.
Handle errors by checking exit codes from commands; for API calls, parse HTTP responses. Common issues:
arvr-cli validate --file model.obj; if it fails with code 400, convert the file using a tool like Blender.response=$(curl ...); if [ $? -ne 0 ]; then echo "API error: $response"; fi
Always wrap API calls in try-catch blocks in scripts, e.g., in Python: try: requests.post(url) except Exception as e: log_error(e).
Design a simple AR overlay for a mobile app: First, run arvr-cli init --project ar-overlay --type ar. Then, upload a 3D model with curl -X POST -d '{"model": "overlay.glb"}' https://api.openclaw.com/api/vr/models. Optimize for mobile: arvr-cli optimize --input overlay.glb --device android. Finally, integrate the output into an Android app using Unity's AR Foundation.
Create a VR simulation for training: Initialize with arvr-cli init --project vr-training --type vr. Add spatial mapping: curl https://api.openclaw.com/api/ar/spatial-map?roomSize=10x10. Build interactions: Use the API to simulate gestures, then test with arvr-cli simulate --project vr-training. Export and import into Unreal Engine for full deployment.
tools
Root web development: project structure, tooling selection, deployment decisions
development
WebAssembly: Rust/Go/C to WASM, wasm-bindgen, Emscripten, WASM Component Model
development
Vue 3: Composition API script setup, Pinia, Vue Router 4, SFCs, Vite, Nuxt 3
tools
Tailwind CSS 4: utility classes, config, JIT, arbitrary values, darkMode, plugins, shadcn/ui