visionos-design-guidelines

Apply Apple visionOS design guidelines for spatial UI and immersive experiences.

10|1|Updated Dec 16, 2024
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill visionos-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visionos-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/visionos
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill visionos-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple visionOS design guidelines provide a comprehensive framework to help teams build spatial, immersive, and accessible experiences that align with Apple’s Human Interface Guidelines.

Core Features & Use Cases

  • Covers Spatial Layout, Eye & Hand Input, Windows, Volumes, Immersive Spaces, Materials & Depth, and Ornaments.
  • Includes an evaluation checklist, anti-patterns, and practical rules to ensure comfort, readability, and consistency in visionOS apps.
  • Useful for design reviews, implementation planning, and QA across RealityKit-based experiences and apps using visionOS.

Quick Start

Review the guidelines and apply the seven visionOS design rules to your project.

Frequently Asked Questions about visionos-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the visionOS design guidelines for spatial UI layout?

visionOS eye and hand input guidelines require designing comfortable target sizes and intuitive gestures that align with natural eye tracking. The framework provides evaluation rules to ensure interactions remain accessible and prevent visual fatigue during extended spatial app usage.

How do I design immersive space transitions in visionOS?

Designing immersive space transitions in visionOS involves applying specific rules for moving users between standard windows and full immersive environments. The guidelines cover managing volume boundaries and orchestrating RealityKit experiences to maintain user comfort during spatial shifts.

Does this visionOS design framework cover accessibility and anti-patterns?

Applying visionOS design rules to RealityKit projects involves reviewing seven categories including Windows, Volumes, and Ornaments, then using the provided evaluation checklist for QA. This ensures your spatial app maintains comfort, readability, and consistency before implementation.

When should I use volumes instead of immersive spaces in visionOS?

Use volumes in visionOS for 3D content that users can view from multiple angles within a bounded space, whereas immersive spaces are for full environmental experiences. The guidelines dictate specific transition and management rules for each to maintain user comfort.