mcpField
A
apple-hig-skills

apple-hig-skills

github.com/podoデザイン・UI29225 回インストール1 日前に更新
リポジトリ

apple-hig-skills について

apple-hig-skillsは、Appleのヒューマンインターフェイスガイドラインをまとめた14のエージェントスキルです。Apple各プラットフォームのデザインに携わる人向けに、プラットフォーム、コンポーネント、入力、パターン、技術別の指針を提供します。

主な機能

  1. 015つのAppleプラットフォーム向け指針
  2. 02コンポーネント別のデザイン指針
  3. 03入力方式とインタラクションパターン
  4. 04アクセシビリティと技術の指針
  5. 05プロジェクト共通のプラットフォーム設定

活用シーン

  1. 01プラットフォーム固有のUI動作を確認
  2. 02UIコンポーネントの指針を参照
  3. 03入力方式とアクセシビリティを検討
  4. 04プロジェクトの対象プラットフォームを記録

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill apple-hig-skills

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

同梱ファイルstub.yaml

詳細

apple-hig-skills

カタログ用スタブ — 完全なパッケージはこちら:raintree-technology/hig-doctor(apple-hig-skills から名称変更)

判断ツリー

  1. 完全なスキルはすでにインストールされていますか? このパッケージは14個のスキル(hig-foundations、hig-platforms、hig-components-controls、hig-components-layout、hig-components-menus、hig-components-dialogs、hig-components-status、hig-components-search、hig-components-system、hig-components-content、hig-inputs、hig-patterns、hig-technologies、hig-project-context)をインストールします。まず最初のスキルを確認してください。

    • グローバル:f=~/.agents/skills/hig-foundations/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト:f=.agents/skills/hig-foundations/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルはhig-foundationsとしてインストールされています。これを呼び出して続行してください
    • pointer → 手順2に進んでください
  2. スコープを検出してからインストールします:

    [ -e ~/.agents/skills/apple-hig-skills ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add raintree-technology/hig-doctor --skill hig-foundations hig-platforms hig-components-controls hig-components-layout hig-components-menus hig-components-dialogs hig-components-status hig-components-search hig-components-system hig-components-content hig-inputs hig-patterns hig-technologies hig-project-context -g -y
    

    プロジェクト:

    npx skills add raintree-technology/hig-doctor --skill hig-foundations hig-platforms hig-components-controls hig-components-layout hig-components-menus hig-components-dialogs hig-components-status hig-components-search hig-components-system hig-components-content hig-inputs hig-patterns hig-technologies hig-project-context -y
    

    Claude Code: 会話を離れずにコマンドを実行するには、!で始まるコマンドをチャットメッセージとして送信してください。

Claude Code プラグイン経由:

/plugin marketplace add raintree-technology/hig-doctor
/plugin install apple-hig-skills@apple-hig-skills

ご注意

  • ライセンス: MIT(ツール関連。Apple の参照コンテンツには出典を明記しています。詳しくは上流の THIRD_PARTY_NOTICES.md をご覧ください)

ウェブサイト:apple.raintree.technology

インストール後の呼び出し

プラットフォームまたはコンポーネント領域ごとに呼び出します:

  • hig-foundations — 色、タイポグラフィ、レイアウト、マテリアル
  • hig-platforms — iOS、macOS、visionOS、watchOS、tvOS の詳細
  • hig-components-controls — ボタン、トグル、スライダー
  • hig-components-layout — ナビゲーションバー、タブバー、ツールバー
  • hig-components-menus — コンテキストメニュー、アクションシート、ピッカー
  • hig-components-dialogs — アラート、確認ダイアログ、シート
  • hig-components-status — 進行状況インジケーターとステータス UI
  • hig-components-search — 検索フィールドとナビゲーション関連のコンポーネント
  • hig-components-system — ウィジェット、Live Activities、通知、App Clips
  • hig-components-content — コンテンツ表示コンポーネント
  • hig-inputs — ジェスチャ、Pencil、キーボード、コントローラー、ポインター
  • hig-patterns — 読み込み、オンボーディング、モダリティ
  • hig-technologies — Siri、Apple Pay、HealthKit、VoiceOver などの統合機能
  • hig-project-context — 共有コンテキストファイルに対象プラットフォームを記録し、ほかのスキルが参照できるようにします

トリガーフレーズ:「Apple HIG」、「iOS design」、「macOS design」、「visionOS」

機能

Apple のヒューマンインターフェイスガイドラインを、構造化されたエージェントスキルとしてまとめています。Apple の全プラットフォーム(iOS、macOS、visionOS、watchOS、tvOS)を対象に、プラットフォーム固有のコンポーネントの動作、ナビゲーションパターン、タイポグラフィのスケール、アクセシビリティ要件、HIG のガイダンスを網羅しています。hig-project-context はプロジェクト内に .claude/apple-design-context.md を作成し、ほかのスキルが質問を繰り返さずにアドバイスを調整できるようにします。apple.raintree.technology を手がけるチームが提供しています。

使用しない場合

  • ソースコードの準拠スキャンや CI ゲートには、hig-doctor スタブを使用してください。同じリポジトリにある上流の hig-doctor-audit スキルをインストールします(監査 CLI と MCP サーバーもこのリポジトリにあります)。
  • HIG のガイダンスではなく、SwiftUI の実装パターンを扱う場合は、swiftui-design-skill または swiftui-patterns を使用してください。
  • Material Design またはクロスプラットフォームのガイドラインには、material-3-skill または platform-design-skills を使用してください。

コメント