Claude
Skills
Sign in
Back

visionos

Included with Lifetime
$97 forever

Apple Human Interface Guidelines for visionOS — UI components, controls, navigation, and platform conventions for Apple Vision Pro. Use when designing for Apple Vision Pro, building a visionOS UI, or auditing visionOS components. Pair with `foundations` for shared principles and `services` for framework integrations. User says: "design Apple Vision Pro UI", "visionOS component", "audit my visionOS app".

Design

What this skill does


# visionOS Design
Platform-specific HIG for visionOS. Components, controls, navigation patterns, and conventions unique to Apple Vision Pro. Pair with `foundations` for cross-platform principles and `services` for framework integrations.

## How to use
1. **Match the user's UI element to a topic** — most map directly to component or pattern names.
2. **Read only the matched references**. Directory topics live in `references/<topic>/`.
3. **Pull in `foundations`** for shared principles (color, typography, layout, accessibility, shared UI like rating indicators).
4. **Pull in `services`** when integrating Apple frameworks (Pay, HealthKit, Siri, sensors, media playback).
5. **Stay on visionOS.** For another Apple platform, point to the matching skill.

## Glossary
|Topic|Reference|Summary|
|---|---|---|
|`alerts`|`alerts.md`|Use alerts sparingly|
|`augmented-reality`|`augmented-reality/`|Only offer AR features on devices that support them|
|`buttons`|`buttons/`|Style|
|`collaboration-and-sharing`|`collaboration-and-sharing.md`|Effective collaboration and sharing experiences are straightforward and highly…|
|`context-menus`|`context-menus.md`|context menu grants access to item-specific functionality without adding visual…|
|`designing-for-visionos`|`designing-for-visionos.md`|Space|
|`drag-and-drop`|`drag-and-drop/`|Depending on different factors, the drag and drop action may *move* the…|
|`game-controls`|`game-controls/`|Although physical game controllers are supported on all platforms except…|
|`image-views`|`image-views.md`|image view presents either a static image or an animated sequence against a…|
|`images`|`images.md`|Different devices render visuals at varying resolutions|
|`immersive-experiences`|`immersive-experiences/`|Provide users with multiple ways to interact with your application or game|
|`lists-and-tables`|`lists-and-tables.md`|Tables and lists display information arranged across one or more columns of rows|
|`menus`|`menus/`||
|`multitasking`|`multitasking.md`|Multitasking enables users to rapidly transition between applications and…|
|`ornaments`|`ornaments.md`|In visionOS, an ornament displays controls and information pertaining to a…|
|`page-controls`|`page-controls.md`|page control presents a horizontal row of indicator images, with each image…|
|`pickers`|`pickers.md`|picker presents one or more scrollable lists containing unique values from…|
|`playing-audio`|`playing-audio/`|Silence|
|`playing-haptics`|`playing-haptics.md`|Haptic feedback can involve users' sense of touch, allowing you to integrate a…|
|`playing-video`|`playing-video/`|system-provided video players support different aspect ratio playback modes…|
|`progress-indicators`|`progress-indicators.md`|Progress indicators inform users that your application is actively working,…|
|`scroll-views`|`scroll-views/`|Support default scrolling gestures and keyboard shortcuts|
|`search-fields`|`search-fields.md`|search field allows users to locate specific content within a collection using…|
|`segmented-controls`|`segmented-controls.md`|segmented control presents as a linear arrangement of two or more segments,…|
|`sheets`|`sheets.md`|sheet enables users to execute a focused task that is contextually linked to…|
|`sidebars`|`sidebars.md`|sidebar is a view element that appears on the leading edge of a screen,…|
|`sliders`|`sliders.md`|slider consists of a horizontal track and a control, known as the thumb, which…|
|`spatial-layout`|`spatial-layout/`|person’s *field of view* refers to the visual area they perceive without…|
|`split-views`|`split-views.md`|split view manages the simultaneous presentation of multiple adjacent content…|
|`tab-bars`|`tab-bars.md`|tab bar enables users to navigate between the application's highest-level…|
|`text-fields`|`text-fields.md`|text field is a rectangular region where users input or modify brief, specific…|
|`toolbars`|`toolbars/`|Toolbars perform actions on content within the view, facilitate movement…|
|`windows`|`windows/`|Conceptually, applications utilize two kinds of windows to display content:|

Related in Design