Watchos Design Guidelines

The watchOS Design Guidelines skill provides access to Apple's official Human Interface Guidelines specifically tailored for the wearable platform. It helps AI agents generate code, validate layouts, and ensure consistency with native iOS design patterns on wrist-sized displays.

When to use it

• Generating SwiftUI or UIKit code that adheres to specific watchOS constraints like small screen real estate and limited input methods.
• Validating UI mockups for proper usage of the Digital Crown, side button, and haptic feedback triggers.
• Ensuring text readability by checking font sizes against Apple's minimum legibility standards for wrist displays.
• Creating workflows that leverage native watchOS features like glanceable information cards and complication designs.

Key capabilities

• Access to official documentation on layout grids, typography scales, and color palettes unique to watchOS.
• Guidance on interaction patterns including gesture recognition, button placement, and haptic response timing.
• Rules for accessibility compliance, ensuring content is usable for all users with vision or motor impairments.
• Best practices for handling low-power modes and optimizing battery usage through efficient UI rendering.

Example prompts

• "Generate a SwiftUI view for a workout timer that utilizes the Digital Crown to adjust duration."
• "Check if this text layout meets watchOS accessibility requirements for users with low vision."
• "Explain how to implement a haptic feedback sequence when a user taps the side button on Apple Watch."

Tips & gotchas

Ensure your AI agent understands that watchOS prioritizes glanceability over complex interactions; avoid suggesting multi-step workflows for simple tasks. Always verify that generated code accounts for the device's limited vertical space and varying aspect ratios across different watch models.