visionos-widgets
visionOS widget patterns including mounting styles, glass/paper textures, proximity-aware layouts, and spatial widget families. Use when creating or adapting widgets for visionOS.
Profile →npx skills add rshankras/claude-code-apple-skills --skill widgets --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# visionOS Widgets Patterns for building widgets that live in physical space on visionOS. Covers mounting styles, textures, proximity-aware detail levels, spatial widget families, and rendering modes. ## When This Skill Activates Use this skill when the user: - Asks to create or adapt a **widget for visionOS** - Mentions **mounting styles** (elevated, recessed) - Wants **glass or paper texture** on a widget - Asks about **proximity awareness** or **level of detail** in widgets - Mentions **spatial widget families** or `.systemExtraLargePortrait` - Wants to control **container backgrounds** or **rendering modes** (full color vs accented) - Is porting an existing iOS/iPadOS widget to visionOS ## Decision Tree ``` What do you need for your visionOS widget? | +- Where should the widget appear? | +- On a surface (table, shelf) -> .elevated (default) | +- Embedded in a wall -> .recessed | +- Both -> .supportedMountingStyles([.elevated, .recessed]) | +- What visual treatment? | +- Transparent, blends with environment -> .glass (default) | +- Opaque, poster-like appearance -> .paper | +- How should it respond to user distance? | +- Full detail when close -> @Environment(\.levelOfDetail) ==
- When This Skill Activates
- Decision Tree
- API Availability
- Complete Widget Example
- Spatial Behavior (WWDC25)
- Proximity Awareness (Level of Detail)
- Widget Families
- Container Backgrounds and Rendering Modes
- Previewing visionOS Widgets
- Top 5 Mistakes
- Anti-Patterns
- Review Checklist
- Mounting and Texture
- Proximity Awareness
What does the visionos-widgets skill do?
visionOS widget patterns including mounting styles, glass/paper textures, proximity-aware layouts, and spatial widget families. Use when creating or adapting widgets for visionOS.
How do I install it?
Run `npx skills add rshankras/claude-code-apple-skills --skill widgets --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From rshankras/claude-code-apple-skills, a repository with 589 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.