watchos-design-guidelines

Review watchOS app interfaces for adherence to Apple's Human Interface Guidelines.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/elysiaerica/ai_context_vault --skill watchos-design-guidelines-elysiaerica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: watchos-design-guidelines
Source: https://github.com/elysiaerica/ai_context_vault/tree/main/.codex/AGENT%20SKILLS/platform-design-skills-main/platform-design-skills-main/skills/watchos
Command: npx skills add https://github.com/elysiaerica/ai_context_vault --skill watchos-design-guidelines-elysiaerica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides guidelines and rules for designing user interfaces on Apple Watch, ensuring a glanceable and user-friendly experience.

Core Features & Use Cases

  • Glanceable Design: Ensures critical information is visible within 2 seconds for quick interactions.
  • Digital Crown Usage: Specifies how to leverage the Digital Crown for vertical scrolling and precise value adjustments.
  • Navigation Patterns: Defines best practices for vertical scrolling, tabbed navigation, and hierarchical drill-down.
  • Complications: Outlines how to design and implement watch face complications effectively.
  • Always On Display: Offers guidelines for reducing visual complexity and hiding sensitive data when the wrist is down.
  • Workouts & Health: Provides specific rules for workout and health app interfaces.
  • Notifications: Details best practices for creating brief and actionable notifications.

Quick Start

Use the watchos-design-guidelines skill to review your watchOS app interface for adherence to Apple's design guidelines.

Frequently Asked Questions about watchos-design-guidelines

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

FAQPage Schema
How do I design watchOS interfaces for glanceability and quick interactions?

To design glanceable watchOS interfaces, ensure critical information is visible within 2 seconds. This involves reducing visual complexity and prioritizing immediate data access for wrist-based interactions.

What are the Apple Watch UI guidelines for using the Digital Crown?

Apple Watch UI guidelines specify leveraging the Digital Crown for vertical scrolling and precise value adjustments. This ensures intuitive navigation and interaction without obstructing the small screen.

How should Always On Display states be handled in Apple Watch apps?

Always On Display states should be handled by reducing visual complexity and hiding sensitive data when the wrist is down. This maintains glanceability while preserving user privacy and battery life.

What navigation patterns work best for Apple Watch user interfaces?

Best practices for Apple Watch user interfaces include vertical scrolling, tabbed navigation, and hierarchical drill-down. These patterns accommodate the wrist-based interaction model and small display.

Does this skill provide specific watchOS design rules for health and workout apps?

Yes, this skill provides specific rules for workout and health app interfaces, along with guidelines for creating brief and actionable notifications tailored to the Apple Watch environment.

How do I design watch face complications for Apple Watch?

Designing watch face complications requires following specific guidelines to ensure they integrate effectively with the watchOS environment, providing glanceable information directly on the watch face.