hig-platforms について
Apple HIGに基づき、複数のプラットフォーム向けアプリ設計を支援するスキルです。画面をそのまま移植せず、各プラットフォームの操作方法に合わせて設計する考え方を扱います。
主な機能
- 01プラットフォームごとの設計規範
- 02各プラットフォームの設計資料一覧
- 03利用状況に応じた操作方法の選定
- 04比較表と実装上の提案の出力
活用シーン
- 01マルチプラットフォームアプリのナビゲーションとレイアウト設計
- 02既存画面の別プラットフォーム向け適応
- 03デバイスの入力方法に沿った操作設計
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ raintree-technology/ hig-doctor --skill hig-platformsインストール後、Claude Code で/hig-platformsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/designing-for-games.mddesigning-for-ios.mddesigning-for-ipados.mddesigning-for-macos.mddesigning-for-tvos.mddesigning-for-visionos.mddesigning-for-watchos.md詳細
Apple HIG: プラットフォームデザイン
質問をする前に .claude/apple-design-context.md を確認してください。既存のコンテキストを使用し、まだカバーされていない情報についてのみ質問してください。
主要な原則
-
各プラットフォームには固有のアイデンティティがあります。 プラットフォーム間でデザインを移植しないでください。各プラットフォームの慣習、インタラクションモデル、ユーザーの期待を尊重してください。
-
iOS: タッチファースト。 ハンドヘルド画面での直接操作。片手での使用に最適化してください。ナビゲーションにはタブバーとプッシュ/ポップスタックを使用します。
-
iPadOS: 拡張されたキャンバス。 Split View、Slide Over、Stage Manager をサポートしてください。サイドバーとマルチカラムレイアウトを使用します。タッチに加えてポインターとキーボードをサポートしてください。
-
macOS: ポインターとキーボード。 高密度な情報表示が許容されます。メニューバー、ツールバー、キーボードショートカットを積極的に使用してください。ウィンドウはサイズ変更可能で、精密なコントロールが可能です。
-
tvOS: リモートとフォーカス。 距離を置いて視聴されます。Siri Remote 向けにフォーカスベースのナビゲーションで設計してください。大きなテキスト、シンプルなレイアウト、リニアなナビゲーション。
-
visionOS: 空間インタラクション。 ウィンドウ、ボリューム、スペースを使用する 3D 環境。ターゲティングにはアイトラッキング、インタラクションには間接ジェスチャー。人間工学的な快適ゾーンを尊重してください。
-
watchOS: 一目でわかる簡潔さ。 一目で消費できる情報。短いインタラクション。Digital Crown、ハプティクス、タイムリーなコンテンツのためのコンプリケーション。
-
ゲーム: 独自のパラダイム。 ゲーム内のインタラクションモデルを自由に定義できますが、システムインタラクション(通知、アクセシビリティ、コントローラー)についてはプラットフォームの慣習を依然として尊重してください。
リファレンスインデックス
| リファレンス | トピック | 主な内容 |
|---|---|---|
| designing-for-ios.md | iOS | タッチ、タブバー、ナビゲーションスタック、ジェスチャー、画面サイズ、セーフエリア |
| designing-for-ipados.md | iPadOS | マルチタスキング、サイドバー、ポインター、キーボード、Apple Pencil、Stage Manager |
| designing-for-macos.md | macOS | メニューバー、ツールバー、ウィンドウ管理、キーボードショートカット、高密度レイアウト、Dock |
| designing-for-tvos.md | tvOS | フォーカスエンジン、Siri Remote、リクライニング体験、コンテンツファースト、パララックス |
| designing-for-visionos.md | visionOS | 空間コンピューティング、ウィンドウ/ボリューム/スペース、アイトラッキング、ハンドジェスチャー、深度 |
| designing-for-watchos.md | watchOS | 一目でわかる UI、Digital Crown、コンプリケーション、通知、ハプティクス |
| designing-for-games.md | ゲーム | コントローラー、没入型体験、プラットフォーム固有の慣習、アクセシビリティ |
意思決定フレームワーク
-
主な使用コンテキストを特定します。 移動中(iOS/watchOS)、デスクで(macOS)、ソファで(tvOS)、空間環境(visionOS)のいずれですか?
-
入力とインタラクションを一致させます。 直接操作にはタッチ、精密さにはポインター、空間には視線+ジェスチャー、素早いスクロールには Digital Crown、フォーカスナビゲーションにはリモート。
-
適応させ、複製しない。 macOS のサイドバーは iPhone ではタブバーになります。visionOS のボリュームは watchOS に相当するものがありません。実装ではなく意図を翻訳してください。
-
プラットフォームの強みを活用します。 iOS の Live Activities、macOS のデスクトップウィジェット、watchOS のコンプリケーション、visionOS の没入型スペース。
-
ブランドの一貫性を維持しながら、各プラットフォームのビジュアル言語とインタラクションパターンを尊重してください。
出力形式
- プラットフォーム固有の推奨事項 — 関連する HIG セクションを引用します。
- プラットフォームの違いの表 — ナビゲーション、入力、レイアウト、慣習を比較します。
- 実装ノート — プラットフォームごとに、推奨 API と適応戦略を含みます。
質問すべきこと
- どのプラットフォームをターゲットにしていますか?
- 新規アプリですか、それとも既存のアプリを適応させますか? 既存の場合、どのプラットフォームがベースですか?
- SwiftUI ですか、それとも UIKit/AppKit ですか?
- 古い OS バージョンをサポートする必要がありますか?
- 主な使用コンテキストは? (移動中、デスク、ソファ、空間、一目でわかる?)
関連スキル
- hig-foundations -- プラットフォーム間で共通する原則(カラー、タイポグラフィ、アクセシビリティ、レイアウト)
- hig-patterns -- プラットフォームごとに異なる形で現れるインタラクションパターン
- hig-components-layout -- プラットフォームによって異なるナビゲーション構造(タブバー、サイドバー、分割ビュー)
- hig-components-content -- プラットフォームに応じて適応するコンテンツ表示