mcpField
H
hig-platforms

hig-platforms

github.com/raintree-technologyデザイン・UI148684 回インストール6 日前に更新
リポジトリ

hig-platforms について

Apple HIGに基づき、複数のプラットフォーム向けアプリ設計を支援するスキルです。画面をそのまま移植せず、各プラットフォームの操作方法に合わせて設計する考え方を扱います。

主な機能

  1. 01プラットフォームごとの設計規範
  2. 02各プラットフォームの設計資料一覧
  3. 03利用状況に応じた操作方法の選定
  4. 04比較表と実装上の提案の出力

活用シーン

  1. 01マルチプラットフォームアプリのナビゲーションとレイアウト設計
  2. 02既存画面の別プラットフォーム向け適応
  3. 03デバイスの入力方法に沿った操作設計

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/raintree-technology/hig-doctor --skill hig-platforms

インストール後、Claude Code で/hig-platformsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
designing-for-games.md
designing-for-ios.md
designing-for-ipados.md
designing-for-macos.md
designing-for-tvos.md
designing-for-visionos.md
designing-for-watchos.md

詳細

Apple HIG: プラットフォームデザイン

質問をする前に .claude/apple-design-context.md を確認してください。既存のコンテキストを使用し、まだカバーされていない情報についてのみ質問してください。

主要な原則

  1. 各プラットフォームには固有のアイデンティティがあります。 プラットフォーム間でデザインを移植しないでください。各プラットフォームの慣習、インタラクションモデル、ユーザーの期待を尊重してください。

  2. iOS: タッチファースト。 ハンドヘルド画面での直接操作。片手での使用に最適化してください。ナビゲーションにはタブバーとプッシュ/ポップスタックを使用します。

  3. iPadOS: 拡張されたキャンバス。 Split View、Slide Over、Stage Manager をサポートしてください。サイドバーとマルチカラムレイアウトを使用します。タッチに加えてポインターとキーボードをサポートしてください。

  4. macOS: ポインターとキーボード。 高密度な情報表示が許容されます。メニューバー、ツールバー、キーボードショートカットを積極的に使用してください。ウィンドウはサイズ変更可能で、精密なコントロールが可能です。

  5. tvOS: リモートとフォーカス。 距離を置いて視聴されます。Siri Remote 向けにフォーカスベースのナビゲーションで設計してください。大きなテキスト、シンプルなレイアウト、リニアなナビゲーション。

  6. visionOS: 空間インタラクション。 ウィンドウ、ボリューム、スペースを使用する 3D 環境。ターゲティングにはアイトラッキング、インタラクションには間接ジェスチャー。人間工学的な快適ゾーンを尊重してください。

  7. watchOS: 一目でわかる簡潔さ。 一目で消費できる情報。短いインタラクション。Digital Crown、ハプティクス、タイムリーなコンテンツのためのコンプリケーション。

  8. ゲーム: 独自のパラダイム。 ゲーム内のインタラクションモデルを自由に定義できますが、システムインタラクション(通知、アクセシビリティ、コントローラー)についてはプラットフォームの慣習を依然として尊重してください。

リファレンスインデックス

リファレンストピック主な内容
designing-for-ios.mdiOSタッチ、タブバー、ナビゲーションスタック、ジェスチャー、画面サイズ、セーフエリア
designing-for-ipados.mdiPadOSマルチタスキング、サイドバー、ポインター、キーボード、Apple Pencil、Stage Manager
designing-for-macos.mdmacOSメニューバー、ツールバー、ウィンドウ管理、キーボードショートカット、高密度レイアウト、Dock
designing-for-tvos.mdtvOSフォーカスエンジン、Siri Remote、リクライニング体験、コンテンツファースト、パララックス
designing-for-visionos.mdvisionOS空間コンピューティング、ウィンドウ/ボリューム/スペース、アイトラッキング、ハンドジェスチャー、深度
designing-for-watchos.mdwatchOS一目でわかる UI、Digital Crown、コンプリケーション、通知、ハプティクス
designing-for-games.mdゲームコントローラー、没入型体験、プラットフォーム固有の慣習、アクセシビリティ

意思決定フレームワーク

  1. 主な使用コンテキストを特定します。 移動中(iOS/watchOS)、デスクで(macOS)、ソファで(tvOS)、空間環境(visionOS)のいずれですか?

  2. 入力とインタラクションを一致させます。 直接操作にはタッチ、精密さにはポインター、空間には視線+ジェスチャー、素早いスクロールには Digital Crown、フォーカスナビゲーションにはリモート。

  3. 適応させ、複製しない。 macOS のサイドバーは iPhone ではタブバーになります。visionOS のボリュームは watchOS に相当するものがありません。実装ではなく意図を翻訳してください。

  4. プラットフォームの強みを活用します。 iOS の Live Activities、macOS のデスクトップウィジェット、watchOS のコンプリケーション、visionOS の没入型スペース。

  5. ブランドの一貫性を維持しながら、各プラットフォームのビジュアル言語とインタラクションパターンを尊重してください。

出力形式

  1. プラットフォーム固有の推奨事項 — 関連する HIG セクションを引用します。
  2. プラットフォームの違いの表 — ナビゲーション、入力、レイアウト、慣習を比較します。
  3. 実装ノート — プラットフォームごとに、推奨 API と適応戦略を含みます。

質問すべきこと

  1. どのプラットフォームをターゲットにしていますか?
  2. 新規アプリですか、それとも既存のアプリを適応させますか? 既存の場合、どのプラットフォームがベースですか?
  3. SwiftUI ですか、それとも UIKit/AppKit ですか?
  4. 古い OS バージョンをサポートする必要がありますか?
  5. 主な使用コンテキストは? (移動中、デスク、ソファ、空間、一目でわかる?)

関連スキル

  • hig-foundations -- プラットフォーム間で共通する原則(カラー、タイポグラフィ、アクセシビリティ、レイアウト)
  • hig-patterns -- プラットフォームごとに異なる形で現れるインタラクションパターン
  • hig-components-layout -- プラットフォームによって異なるナビゲーション構造(タブバー、サイドバー、分割ビュー)
  • hig-components-content -- プラットフォームに応じて適応するコンテンツ表示

Raintree Technology が開発 · その他の開発者向けツール

コメント