# Watch Wearable Design

> Smartwatch and wearable device design including complications, glances, and minimal interaction.

- Skill: `dragoon0x/watch-wearable-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/watch-wearable-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/watch-wearable-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/watch-wearable-design

---


# Watch Wearable Design

## Wearable Design Principles

1. **Glanceable.** Information must be understood in 2 seconds.
2. **Minimal interaction.** Tap, swipe, crown/dial. No complex gestures.
3. **Brief.** Content is measured in words, not paragraphs.
4. **Timely.** Show information relevant to right now.

## Screen Patterns
- **Complication:** 1-3 data points on watch face.
- **Short look:** Notification preview (app icon + title + brief text).
- **Long look:** Full notification with action buttons.
- **App view:** Scrollable list or paged content.

## Design Constraints
- Screen: ~40mm circle or rounded square.
- Touch targets: minimum 38x38pt.
- Content width: ~170px.
- Interaction: digital crown, side button, touch, raise-to-wake.
- Sessions: 5-10 seconds average.

## Typography
- SF Compact (Apple Watch), Roboto (Wear OS).
- Minimum 16pt.
- 2-3 lines of text maximum per screen.