{"enrichment":{"faq":[{"a":"visionos-widgets helps you build spatial widgets by providing patterns for mounting styles, textures, and layouts. Start by defining your widget using WidgetKit with visionOS-specific families like systemExtraLargePortrait. Apply mounting styles (elevated or recessed) to control how your widget sits in space, then add material textures like glass or paper. Use the skill's templates to handle container backgrounds and rendering modes for immersive presentation.","q":"How to create widgets for visionOS?"},{"a":"visionos-widgets supports elevated and recessed mounting styles to position widgets in 3D space, plus glass and paper texture options for material appearance. Elevated mounts float above surfaces, while recessed mounts sit inset. Glass textures create transparent, reflective surfaces; paper textures offer matte, physical-like finishes. Combine these with container background rendering modes to achieve the visual depth and tactile quality your spatial design requires.","q":"What mounting styles and textures does visionos-widgets support?"},{"a":"visionos-widgets enables proximity awareness by adjusting detail levels based on user distance. Use levelOfDetail parameters to simplify or enhance content as viewers move closer or farther away. Implement distance-aware layout logic that responds to spatial context, reducing visual complexity at distance and revealing detail up close. This creates adaptive, accessible widgets that optimize information density for viewing distance and accessibility needs.","q":"How do I implement proximity-aware layouts in visionOS widgets?"},{"a":"Yes, visionos-widgets provides patterns for porting iOS and iPadOS widgets to visionOS. Adapt your existing WidgetKit code by applying visionOS spatial families, mounting styles, and texture support. Handle rendering mode differences (accented mode, frame tinting) and test with visionOS-specific preview configurations. The skill guides you through container background handling and spatial layout adjustments needed for immersive presentation.","q":"Can I port an existing iOS widget to visionOS using this skill?"},{"a":"visionos-widgets addresses accented rendering mode and frame tinting challenges. Check your container background rendering configuration and verify color values work in accented contexts. Use visionOS preview tools with systemExtraLargePortrait and other spatial families to test rendering. Inspect frame tinting application and ensure textures (glass/paper) display correctly. The skill provides debugging patterns for resolving visual inconsistencies across rendering modes.","q":"How do I debug widget rendering issues in accented mode?"},{"a":"visionos-widgets covers spatial widget families like systemExtraLargePortrait designed for visionOS's 3D environment. These families define layout constraints and aspect ratios optimized for spatial rendering. Choose families based on your content needs, then apply mounting styles and textures. Handle resizing (75\u2013125 percent) and level-of-detail adjustments within each family. The skill provides best practices for avoiding common mistakes and maximizing immersion in spatial contexts.","q":"What are visionOS spatial widget families and how do I use them?"}],"shadow_tags":["spatial-ui","augmented-reality","responsive-layout","distance-aware","material-design","physical-space","adaptive-rendering","frame-customization","multiplatform-support"],"summary_rewrite":"Master visionOS widget development with patterns for elevated and recessed mounting, material textures, and distance-aware layouts. Learn spatial widget families, container backgrounds, and rendering modes to create immersive widgets that adapt to user proximity and physical space."},"files":[{"bytes":11035,"path":"skills/visionos/widgets/SKILL.md","sha256":"e92eb43848e4a626d95156739e490a1d89c82edc13b666f5fd840fe0c534c1f1","url":"https://skillfed.io/files/rshankras/claude-code-apple-skills/widgets/cfea0f73/SKILL.md"}],"id":"rshankras/claude-code-apple-skills/widgets","links":{"html":"https://skillfed.io/rshankras/claude-code-apple-skills/widgets","md":"https://skillfed.io/rshankras/claude-code-apple-skills/widgets.md","repo":"https://github.com/rshankras/claude-code-apple-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":47,"language":"Swift","last_updated":"2026-07-24","license":"MIT","name":"visionos-widgets","publisher":"rshankras","stars":565},"relations":{"similar":[{"id":"rshankras/claude-code-apple-skills/liquid-glass"},{"id":"dpearson2699/swift-ios-skills/widgetkit"},{"id":"rshankras/claude-code-apple-skills/widget-generator"},{"id":"rshankras/claude-code-apple-skills/visionos"},{"id":"affaan-m/ECC/liquid-glass-design"},{"id":"existential-birds/beagle/widgetkit-code-review"},{"id":"arjitj2/swiftui-design-principles/swiftui-design-principles"},{"id":"xu-xiang/everything-claude-code-zh/liquid-glass-design"},{"id":"elophanto/EloPhanto/visionos-spatial"},{"id":"YPares/agent-skills/textual-builder"}]},"slug":{"owner":"rshankras","repo":"claude-code-apple-skills","skill":"widgets"},"version":"cfea0f73"}