tomkrikorian/visionosagents/visionos-widgetkit-developer

Claude Code and agent skill by tomkrikorian/visionosagents

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Build and debug WidgetKit widgets for Apple Vision Pro (visionOS), including mounting styles (elevated/recessed), textures (glass/paper), proximity-aware layouts via LevelOfDetail, interactive widgets with AppIntents, widget rendering modes (accented/fullColor), and timeline update troubleshooting. (visionOS widgets are pinned spatial objects, not watch complications.)

Install

npx vskill@latest install tomkrikorian/visionosagents/visionos-widgetkit-developer

SKILL.md

visionOS WidgetKit Developer

Quick Start

Treat visionOS widgets as spatial objects first, not as small 2D surfaces.

  1. Decide the platform and family scope first.
  2. Define both close and far layouts before polishing visuals.
  3. Treat timeline entries, shared storage, and App Intents as the integration

boundary; do not depend on live host-app state.

  1. Load only the reference files that match the current problem.

Load References When

ReferenceWhen to Use
`widget-overview.md`Overview, decision points, and a quick checklist for Vision Pro widgets.
`families-and-platforms.md`When choosing native visionOS families, compatible iOS families, or extra-large widget support.
`mounting-styles.md`When deciding elevated vs recessed support and avoiding layout breakage.
`visionos-rendering-styles.md`When checking official visionOS widget rendering modes, backgrounds, families, textures, and routing to shared button-shape policy.
`textures-and-rendering.md`When choosing glass vs paper, and ensuring legibility in different render modes.
`proximity-levelofdetail.md`When implementing near/far layouts using LevelOfDetail.
`interactive-widgets.md`When adding Button, Toggle, or AppIntent-driven interactions to a widget.
`debugging-and-updates.md`When widgets don’t refresh, don’t appear, or appear stale or broken.
`widget-animation.md`When animating widget content using timeline entries and Canvas crossfade, tuning frame rate, or hitting bundle or computation budget limits.

Workflow

  1. Confirm the widget platform and family set.
  2. Choose mounting style, texture, and near/far layout strategy.
  3. Decide the data path: timeline-only, App Group/shared storage, background

URL session, or WidgetKit push notification.

  1. Add interaction only if the widget still stays glanceable.
  2. Verify timelines, reloads, rendering modes, and extension logs after the

structure is set.

Guardrails

  • Always consider .simplified for distance readability.
  • Use native visionOS families intentionally; extra-large native visionOS

widgets use .systemExtraLargePortrait, while compatible iOS/iPadOS widgets keep .systemExtraLarge.

  • Do not assume recessed mode works without explicit layout checks.
  • Avoid dense, low-contrast layouts.
  • Use Link or widgetURL(_:) for open-app navigation; reserve Button and

Toggle for real AppIntent actions.

  • Keep widget configurations per WidgetBundle within the practical limit.

Output Expectations

Provide:

  • the widget platform and family scope
  • which references were used
  • the chosen presentation strategy
  • the main rendering, interaction, or timeline constraint
  • the next validation step

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
46
Repository forks
5
7-day trend score
19

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 22 Mar 2026, 7 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/tomkrikorian/visionosagents/visionos-widgetkit-developer/badge)](https://verified-skill.com/skills/tomkrikorian/visionosagents/visionos-widgetkit-developer)

Something wrong with this skill or its page? Tell us.