watchos-design-guidelines

watchos-design-guidelines skill の概要

watchos-design-guidelines は、HIG 全体を読むよりも早く watchOS の指針を確認したいチーム向けの、Apple Watch UI デザインに特化した skill です。画面、Complication、ワークアウトフロー、通知が、実際に手首で使えるかどうかを検証したいプロダクトデザイナー、iOS/watchOS 開発者、AI 支援レビュー担当に特に向いています。

この skill は何のためにあるか

この watchos-design-guidelines skill は、小さくて時間制約のあるディスプレイに何を載せ、何を削るべきかを判断する場面で使います。Glanceability、Crown ベースの操作、Always On の挙動、アクセシビリティ、そして一般的なモバイル向けプロンプトでは見落としやすい watch 固有のトレードオフを整理するのに役立ちます。

インストールする価値がある理由

最大の価値は、判断の軸が明確になることです。ガイドは抽象的なデザイン理論ではなく、実際の watch 制約に沿って整理されています。レイアウト比較、デザインレビュー用プロンプトの作成、Apple Watch の慣習に合う体験かどうかの確認をするなら、この skill がより絞り込まれた、インストール直後から使いやすい watchOS デザインガイドのワークフローを提供します。

向いているケースと向かないケース

向いているケース: 新しい watch UI コンセプト、インターフェース批評、Complication の戦略、ワークアウトやヘルス系フロー、手首操作の検証。向かないケース: 一般的な iPhone UI、ブランドデザイン、watchOS が付随的で、画面レベルのトレードオフが発生しない作業。

watchos-design-guidelines skill の使い方

インストールして、適切なファイルを読む

npx skills add ehmo/platform-design-skills --skill watchos-design-guidelines でインストールします。インストール後はまず SKILL.md を開き、続けて AGENTS.md、metadata.json、rules/_sections.md を読み、ルール構造、優先順位の仕組み、相互参照 ID を把握してから、何かを書いたり批評したりしてください。

ざっくりしたアイデアを使えるプロンプトに変える

watchos-design-guidelines のインストールを最大限活かすには、画面、ユーザーの目的、制約を 1 文でまとめて渡すのが効果的です。たとえば、Review this watchOS workout summary screen for glanceability, Crown navigation, and text length, や Design a complication that shows battery status without scrolling or long labels. のような入力がよい例です。

skill に必要な入力情報

機能の種類、主なユーザー操作、利用シーンを含めてください。たとえば、watch face の complication、ワークアウト一時停止画面、通知アクション、設定ピッカー、クイックステータスカードなどです。文脈を省くと、出力は大まかになりすぎ、瞬時に見るべきか、素早く調整すべきか、受動的に監視すべきかの違いを取り逃しやすくなります。

より良い出力のための実用的なワークフロー

skill は 2 段階で使うと効果的です。まず、ルールベースの批評かレイアウトのアウトラインを依頼し、次に違反を取り除いた修正版を求めます。既存のモックアップを評価する場合は、どのファイルやスクリーンショットが重要かを明示し、最も制約の強い画面を先に評価するよう伝えてください。watchOS の失敗は、全体フローよりも最初の一目で起きやすいからです。

watchos-design-guidelines skill の FAQ

普通のプロンプトより優れていますか？

はい、作業が watch 固有の制約に左右されるなら有効です。普通のプロンプトだと一般的なモバイル向けの助言になりがちですが、watchos-design-guidelines は短い注意時間、小さな画面、Digital Crown の動作、そして「持ち上げて見る・下ろす」という操作モデルに合わせて調整されています。

watchOS の経験がなくても使えますか？

はい。コアな制約やありがちなミスを早い段階で示してくれるので、初心者にも有用です。ただし、「watch app のアイデア」のような抽象的な依頼より、具体的なインターフェース目標を伝えたほうが、はるかに良い結果が得られます。

どんなときに使うべきではありませんか？

スマホ中心のプロダクト、タブレットのダッシュボード、watch 風のマーケティング素材を設計しているときは、この skill は選ばないでください。実際の Apple Watch 画面で機能するかどうかを評価したいときに最も価値があります。

タスクが watch 関連でも一部だけの場合は？

watchOS の部分が操作モデルを変えるなら使ってください。たとえ主なプロダクトが広範でも、手首に表示される通知、ショートカット、ヘルス要約は、スペース、タイミング、入力方法が根本的に違うため、watchos-design-guidelines の考え方が必要です。

watchos-design-guidelines skill をどう改善するか

最初のプロンプトにもっと構造を持たせる

強い入力は、画面タイプ、最重要のユーザー作業、最も重視する制約を明示しています。例: Improve this watchOS medication reminder so the next action is visible in 2 seconds and the text fits without scrolling. これは make it cleaner より優れています。何を最適化すべきかが skill に伝わるからです。

典型的な失敗パターンに注意する

よくある失敗は、文字量が多すぎること、階層が不明瞭なこと、スクロールに頼りすぎること、wrist-down の挙動を無視することです。最初の出力が一般論に見える場合は、Glanceability、Crown 入力、そして初期画面だけに影響する制約を再確認するよう依頼してください。

ルール ID と具体的な根拠で反復する

リポジトリの出力にルール ID やセクション ID が含まれている場合は、次のプロンプトでそれを使って修正を絞り込みます。たとえば、Glanceability とアクセシビリティを同時に解決するリデザインを依頼し、その結果を別の大きな書き換えではなく、該当する watchOS デザインガイドのセクションで照合してください。

実データを入れて適合度を上げる

watchos-design-guidelines をより活かすには、プレースホルダーではなく実際のラベル、数値、アクションを渡してください。Heart rate: 128 bpm, Recovery: 84%, button: Start Cooldown のようなプロンプトは、show fitness data よりずっと強い指針になります。どの情報を主画面に置くべきかを skill が判断できるからです。