apple-hig-skills について
apple-hig-skillsは、Appleのヒューマンインターフェイスガイドラインをまとめた14のエージェントスキルです。Apple各プラットフォームのデザインに携わる人向けに、プラットフォーム、コンポーネント、入力、パターン、技術別の指針を提供します。
主な機能
- 015つのAppleプラットフォーム向け指針
- 02コンポーネント別のデザイン指針
- 03入力方式とインタラクションパターン
- 04アクセシビリティと技術の指針
- 05プロジェクト共通のプラットフォーム設定
活用シーン
- 01プラットフォーム固有のUI動作を確認
- 02UIコンポーネントの指針を参照
- 03入力方式とアクセシビリティを検討
- 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から名称変更)
判断ツリー
-
完全なスキルはすでにインストールされていますか? このパッケージは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に進んでください
- グローバル:
-
スコープを検出してからインストールします:
[ -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 -yClaude 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— 進行状況インジケーターとステータス UIhig-components-search— 検索フィールドとナビゲーション関連のコンポーネントhig-components-system— ウィジェット、Live Activities、通知、App Clipshig-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を使用してください。