visionos-design-guidelines

Provide design guidelines for visionOS spatial computing apps.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/elysiaerica/ai_context_vault --skill visionos-design-guidelines-elysiaerica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visionos-design-guidelines
Source: https://github.com/elysiaerica/ai_context_vault/tree/main/.codex/AGENT%20SKILLS/platform-design-skills-main/platform-design-skills-main/skills/visionos
Command: npx skills add https://github.com/elysiaerica/ai_context_vault --skill visionos-design-guidelines-elysiaerica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides authoritative design guidance for visionOS apps, covering spatial layout, input methods, and materials, ensuring user comfort and platform consistency.

Core Features & Use Cases

  • Spatial Layout: Guidelines for positioning content for comfort and usability.
  • Eye & Hand Input: Rules for effective interaction with visionOS, focusing on look-and-pinch gestures.
  • Windows & Volumes: Best practices for designing windows and 3D volumes within the app space.
  • Immersive Spaces: Advice for creating progressive immersion levels and maintaining safety.
  • Materials & Depth: Guidance on using materials and depth cues for readability and hierarchy.
  • Ornaments: Recommendations for placing and styling UI controls.
  • Use Case: Designers and developers working on visionOS apps can use this Skill to ensure their designs adhere to Apple's Human Interface Guidelines.

Quick Start

Use the visionos-design-guidelines skill to review the spatial layout rules for your app interface.

Frequently Asked Questions about visionos-design-guidelines

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

FAQPage Schema
How do I design spatial layouts for Apple Vision Pro apps?

Spatial layouts for Apple Vision Pro apps should position content for user comfort and usability. Designers must adhere to visionOS guidelines that dictate how to arrange windows and 3D volumes within the app space to maintain platform consistency.

What are the visionOS input methods for spatial computing interfaces?

visionOS input methods rely on eye and hand tracking, focusing on look-and-pinch gestures. Effective interaction requires designing UI controls that respond naturally to these specific spatial computing gestures to ensure user comfort.

When should I use immersive spaces in visionOS app design?

Use immersive spaces in visionOS when creating progressive immersion levels that require safety boundaries. Design guidance helps developers determine when to transition users into fully immersive environments while maintaining spatial awareness.

How do I apply materials and depth cues in Apple Vision Pro UI design?

Apply visionOS materials and depth cues to establish visual hierarchy and improve readability. The guidelines provide specific rules for using these elements to differentiate UI layers and guide user focus within the spatial interface.

Does visionOS support 3D volumes alongside standard app windows?

visionOS supports both standard windows and 3D volumes within the app space. The design guidelines provide best practices for configuring these distinct spatial containers to optimize content presentation.

What are the best practices for placing UI ornaments in visionOS?

Best practices for visionOS ornaments involve strategic placement and styling of UI controls. The guidelines specify how to position these elements to ensure they remain accessible and visually coherent within the spatial layout.