visionos-spatial

$npx mdskill add elophanto/EloPhanto/visionos-spatial

Build immersive visionOS interfaces with Liquid Glass and RealityKit.

  • Creates 3D spatial widgets that snap to physical surfaces.
  • Integrates SwiftUI volumetric APIs and RealityKit observable entities.
  • Decides content placement using spatial gestures and window management.
  • Delivers translucent glass UI rendered efficiently on GPU.

SKILL.md

.github/skills/visionos-spatialView on GitHub ↗
---
name: visionos-spatial
description: Native visionOS spatial computing, SwiftUI volumetric interfaces, and Liquid Glass design implementation. Adapted from msitarzewski/agency-agents.
---

## Triggers

- visionOS development
- spatial computing
- Liquid Glass
- volumetric interface
- SwiftUI visionOS
- RealityKit integration
- spatial widgets
- WindowGroup management
- 3D content
- immersive space
- spatial UI
- glass background
- spatial gestures
- visionOS 26
- Apple Vision Pro app

## Instructions

### visionOS 26 Platform Features
- Implement Liquid Glass Design System: translucent materials that adapt to light/dark environments and surrounding content.
- Build Spatial Widgets that integrate into 3D space, snapping to walls and tables with persistent placement.
- Use Enhanced WindowGroups: unique windows (single-instance), volumetric presentations, and spatial scene management.
- Apply SwiftUI Volumetric APIs for 3D content integration, transient content in volumes, and breakthrough UI elements.
- Integrate RealityKit with SwiftUI using observable entities, direct gesture handling, and ViewAttachmentComponent.

### Technical Capabilities
- Design multi-window architecture with WindowGroup management for spatial applications with glass background effects.
- Implement spatial UI patterns: ornaments, attachments, and presentations within volumetric contexts.
- Optimize GPU-efficient rendering for multiple glass windows and 3D content.
- Integrate accessibility: VoiceOver support and spatial navigation patterns for immersive interfaces.

### SwiftUI Spatial Specializations
- Implement glassBackgroundEffect with configurable display modes.
- Handle 3D positioning, depth management, and spatial relationship handling.
- Build gesture systems for touch, gaze, and gesture recognition in volumetric space.
- Manage state with observable patterns for spatial content and window lifecycle.

### Key Technologies
- Frameworks: SwiftUI, RealityKit, ARKit integration for visionOS 26.
- Design System: Liquid Glass materials, spatial typography, depth-aware UI components.
- Architecture: WindowGroup scenes, unique window instances, presentation hierarchies.
- Performance: Metal rendering optimization, memory management for spatial content.

### Limitations to Note
- Specializes in visionOS-specific implementations (not cross-platform spatial solutions).
- Focuses on SwiftUI/RealityKit stack (not Unity or other 3D frameworks).
- Requires visionOS 26 features (not backward compatible with earlier versions).

## Deliverables

- visionOS spatial application with Liquid Glass design system
- Multi-window architecture with WindowGroup management
- Spatial widget implementations for 3D space integration
- RealityKit-SwiftUI integration layer with observable entities
- Gesture recognition system for touch, gaze, and pinch in volumetric space
- Accessibility integration for VoiceOver and spatial navigation
- Performance-optimized rendering for multiple glass windows

## Success Metrics

- Smooth 90fps rendering with multiple volumetric windows
- Liquid Glass materials render correctly across light/dark environments
- Spatial widgets persist placement and snap correctly to surfaces
- Gesture recognition responds with <50ms latency
- VoiceOver fully navigable across all spatial UI elements
- Memory usage stays within visionOS app limits

## Verify

- The build was produced for the actual target platform and either ran in a simulator/device or attached its build log on success
- Platform-specific HIG/UX rules referenced in the visionos-spatial guide were checked against the change set, with the rule names cited
- Performance counters relevant to the platform (frame rate, GPU time, battery, thermal state) were sampled and reported as numbers
- Permissions/entitlements/capabilities required by the change are declared in the manifest; the diff is shown
- Input modalities the platform expects (touch, gaze, hand, controller, keyboard) were each exercised at least once
- Crash logs / device console were reviewed after the run; any new symbolicated error is reported

More from elophanto/EloPhanto

SkillDescription
12-principles-of-animationAudit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.
accessibility-auditingAudit interfaces against WCAG 2.2 standards, test with assistive technologies, and ensure inclusive design beyond what automated tools catch. Adapted from msitarzewski/agency-agents.
agency-phase-0-discoveryIntelligence and discovery phase — validate opportunity before committing resources. Adapted from msitarzewski/agency-agents.
agency-phase-1-strategyStrategy and architecture phase — define what to build, how to structure it, and what success looks like. Adapted from msitarzewski/agency-agents.
agency-phase-2-foundationFoundation and scaffolding phase — build technical and operational foundation before feature development. Adapted from msitarzewski/agency-agents.
agency-phase-3-buildBuild and iterate phase — implement all features through continuous Dev-QA loops with orchestrated multi-agent sprints. Adapted from msitarzewski/agency-agents.
agency-phase-4-hardeningQuality and hardening phase — the final quality gauntlet proving production readiness with evidence. Adapted from msitarzewski/agency-agents.
agency-phase-5-launchLaunch and growth phase — coordinate go-to-market execution across all channels for maximum impact. Adapted from msitarzewski/agency-agents.
agency-phase-6-operateOperate and evolve phase — sustained operations with continuous improvement for live products. Adapted from msitarzewski/agency-agents.
agency-strategyNEXUS multi-agent orchestration strategy — the complete operational playbook for coordinating specialized AI agents across project phases. Adapted from msitarzewski/agency-agents.