watchos-design-guidelines

Provide watchOS design guidelines for glanceable, wrist-friendly UX.

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/brunoamaral/playlister --skill watchos-design-guidelines
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: watchos-design-guidelines
Source: https://github.com/brunoamaral/playlister/tree/main/.copilot/skills/watchos
Command: npx skills add https://github.com/brunoamaral/playlister --skill watchos-design-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a concise, comprehensive set of design guidelines for watchOS apps, complications, and wrist-based interactions.

Core Features & Use Cases

  • Glanceable design rules ensure essential information is visible within 2 seconds.
  • Digital Crown interaction guidelines cover scrolling, haptic detents, and frame-synced feedback.
  • Navigation and layout recommendations keep the watch UI shallow and predictable, with suitable use of TabView and NavigationStack.
  • Complications and Always On guidance ensure meaningful watch-face data and safe dimming behavior.
  • Notifications and workouts guidelines optimize concise, actionable interactions during activity.

Quick Start

Use watchOS guidelines to evaluate a new watchOS app, ensuring glanceable information, Crown-friendly controls, and compliant complication design.

Frequently Asked Questions about watchos-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the key watchOS design guidelines for glanceable UX?

Glanceable design rules ensure essential information is visible within two seconds. They cover seven categories: Glanceable Design, Digital Crown, Navigation, Complications, Always On, Workouts, and Notifications, plus an evaluation checklist.

How do I design complications for watchOS that remain useful in Always On mode?

Complications and Always On guidance ensure meaningful watch-face data and safe dimming behavior. Complications guidance ensures meaningful watch-face data and safe dimming behavior.

How should I use the Digital Crown for navigation in watchOS apps?

Digital Crown interaction guidelines cover scrolling, haptic detents, and frame-synced feedback. Navigation and layout recommendations keep the watch UI shallow and predictable, with suitable use of TabView and NavigationStack.

Can I use TabView and NavigationStack for watchOS app navigation?

Navigation and layout recommendations keep the watch UI shallow and predictable, with suitable use of TabView and NavigationStack. They ensure the watch UI remains shallow and predictable for wrist-first interactions.

How do I optimize watchOS notifications for interactions during workouts?

Notifications and workouts guidelines optimize concise, actionable interactions during activity. Workout guidelines optimize concise, actionable interactions during activity, while notification guidelines ensure interactions remain actionable during activity.

Does this skill provide an evaluation checklist for watchOS app design?

Yes, an evaluation checklist is included to review watchOS apps against the seven guideline categories. Use watchOS guidelines to evaluate a new watchOS app, ensuring glanceable information, Crown-friendly controls, and compliant complication design.