·hig-components-system
</>

hig-components-system

システム エクスペリエンス コンポーネントに関する Apple HIG ガイダンス: ウィジェット、ライブ アクティビティ、通知、コンプリケーション、ホーム画面のクイック アクション、トップ シェルフ、ウォッチフェイス、アプリ クリップ、アプリのショートカット。 「ウィジェットのデザイン」、「ライブアクティビティ」、「通知のデザイン」、「コンプリケーション」、「ホーム画面のクイックアクション」、「トップシェルフ」、「ウォッチフェイス」、「アプリクリップ」、「アプリのショートカット」、「システムエクスペリエンス」について質問された場合に使用します。また、ユーザーが「ウィジェットをどのようにデザインすればよいか」、「通知はどのように表示されるべきか」、「ライブ アクティビティはどのように機能するか」、「App Clip を作成すべきか」といった場合や、メイン アプリの外側のサーフェスについて尋ねた場合にも使用します。相互参照: ウィジェットの進歩に関する hig-components-status、対話パターンに関する hig-inputs、Siri とシステム統合に関する hig-technologies。

43インストール·3トレンド·@raintree-technology

インストール

$npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-system

hig-components-system のインストール方法

コマンドラインで hig-components-system AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-system
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: raintree-technology/apple-hig-skills。

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

| widgets.md | Widgets | Glanceable info, sizes, deep linking, timeline | | live-activities.md | Live Activities | Real-time tracking, Dynamic Island, Lock Screen | | notifications.md | Notifications | Attention, actions, grouping, content | | complications.md | Complications | Watch face data, families, budgeted updates |

| home-screen-quick-actions.md | Quick actions | Haptic Touch, common tasks, SF Symbols | | top-shelf.md | Top shelf | Featured content, showcase | | app-clips.md | App Clips | Instant use, lightweight, focused task, NFC/QR | | watch-faces.md | Watch faces | Custom complications, face sharing |

システム エクスペリエンス コンポーネントに関する Apple HIG ガイダンス: ウィジェット、ライブ アクティビティ、通知、コンプリケーション、ホーム画面のクイック アクション、トップ シェルフ、ウォッチフェイス、アプリ クリップ、アプリのショートカット。 「ウィジェットのデザイン」、「ライブアクティビティ」、「通知のデザイン」、「コンプリケーション」、「ホーム画面のクイックアクション」、「トップシェルフ」、「ウォッチフェイス」、「アプリクリップ」、「アプリのショートカット」、「システムエクスペリエンス」について質問された場合に使用します。また、ユーザーが「ウィジェットをどのようにデザインすればよいか」、「通知はどのように表示されるべきか」、「ライブ アクティビティはどのように機能するか」、「App Clip を作成すべきか」といった場合や、メイン アプリの外側のサーフェスについて尋ねた場合にも使用します。相互参照: ウィジェットの進歩に関する hig-components-status、対話パターンに関する hig-inputs、Siri とシステム統合に関する hig-technologies。 ソース: raintree-technology/apple-hig-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-system
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-20
更新日
2026-03-10

Browse more skills from raintree-technology/apple-hig-skills

クイックアンサー

hig-components-system とは?

システム エクスペリエンス コンポーネントに関する Apple HIG ガイダンス: ウィジェット、ライブ アクティビティ、通知、コンプリケーション、ホーム画面のクイック アクション、トップ シェルフ、ウォッチフェイス、アプリ クリップ、アプリのショートカット。 「ウィジェットのデザイン」、「ライブアクティビティ」、「通知のデザイン」、「コンプリケーション」、「ホーム画面のクイックアクション」、「トップシェルフ」、「ウォッチフェイス」、「アプリクリップ」、「アプリのショートカット」、「システムエクスペリエンス」について質問された場合に使用します。また、ユーザーが「ウィジェットをどのようにデザインすればよいか」、「通知はどのように表示されるべきか」、「ライブ アクティビティはどのように機能するか」、「App Clip を作成すべきか」といった場合や、メイン アプリの外側のサーフェスについて尋ねた場合にも使用します。相互参照: ウィジェットの進歩に関する hig-components-status、対話パターンに関する hig-inputs、Siri とシステム統合に関する hig-technologies。 ソース: raintree-technology/apple-hig-skills。

hig-components-system のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/raintree-technology/apple-hig-skills