mcpField
H
hig-platforms

hig-platforms

github.com/sickn33デザイン・UI48.7k61 回インストール1 日前に更新
リポジトリ

hig-platforms について

hig-platformsは、Apple Human Interface Guidelinesを各Appleプラットフォームに適用するデザインスキルです。デザイナーや開発者が、共通の設計をそのまま使わず、操作やレイアウトを各環境に合わせるために役立ちます。

主な機能

  1. 01プラットフォーム別の設計原則
  2. 027つのAppleプラットフォームに対応
  3. 03プラットフォーム比較表の作成
  4. 04各プラットフォームの実装メモ
  5. 05既存のデザインコンテキストを確認

活用シーン

  1. 01iPhoneアプリをiPadOSやmacOSに適応
  2. 02対象プラットフォームのナビゲーション選定
  3. 03複数環境の入力方法とレイアウトの計画

インストール

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

$npx skills add https://github.com/sickn33/agentic-awesome-skills --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:広いキャンバスを活用します。 対象のOSとハードウェアで利用できる、サイズ変更可能なウインドウとマルチタスクモードに対応してください。サイドバーと複数列のレイアウトを使用します。タッチ操作に加え、ポインタとキーボードにも対応してください。

  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 ではタブバーや別のコンパクトなナビゲーション構造になる場合があります。watchOS には visionOS のボリュームに相当するものはありません。実装ではなく、意図を反映してください。

  4. プラットフォームの強みを活用します。 iOS の Live Activities、macOS の Desktop Widgets、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 が作成 · その他の開発者向けツール

使用する場面

このスキルは、概要で説明されているワークフローまたはアクションを実行する際に適用できます。

例

ユーザーのリクエスト:

このタスクでは @hig-platforms を使用してください:プラットフォーム固有のデザインに関する Apple Human Interface Guidelines。

制限事項

  • 参照ページはスナップショットです。OS 固有の機能を選択する前に、API の利用可否、デバイスのサポート状況、最新の Apple のガイダンスを確認してください。センサー、Always On、マルチタスク、入力方式は、ハードウェアやバージョンによって異なります。
  • プラットフォームのデザインガイダンスは、個人情報、カメラ、位置情報、健康情報、トラッキングデータの収集を許可するものではありません。機能に必要な権限とデータのみを要求してください。
  • このスキルは、タスクが上記の範囲に明確に該当する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全上の境界、成功基準が不足している場合は、作業を中止して確認してください。

コメント