·hig-components-content
{}

hig-components-content

コンテンツ表示コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「チャート コンポーネント」、「コレクション ビュー」、「イメージ ビュー」、「Web ビュー」、「カラー ウェル」、「イメージ ウェル」、「アクティビティ ビュー」、「ロックアップ」、「データ視覚化」、「コンテンツ表示」、画像の表示、Web コンテンツのレンダリング、カラー ピッカー、または Apple アプリでのアイテムのコレクションの表示について尋ねたときに使用します。また、ユーザーが「チャートをどのように表示すべきか」、「画像を表示する最適な方法は何か」、「Web ビューを使用すべきか」、「アイテムのグリッドを構築するにはどうすればよいか」、「メディアを表示するコンポーネントは何か」、または「共有シートを表示するにはどうすればよいか」というときにも使用します。相互参照: カラー/タイポグラフィ/アクセシビリティについては hig-foundation、データ視覚化パターンについては hig-patterns、構造コンテナについては hig-components-layout、プラットフォーム固有のコンポーネントの動作については hig-platforms。

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

インストール

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

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

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

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
  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.

| charts.md | Charts | Swift Charts, bar/line/area/point marks, chart accessibility, audio graphs | | collections.md | Collections | Grid/list layouts, compositional layout, selection, reordering, diffable data sources | | image-views.md | Image Views | Aspect ratio handling, content modes, SF Symbol images, accessibility |

| image-wells.md | Image Wells | Drag-and-drop image selection, macOS-specific, placeholder content | | color-wells.md | Color Wells | Color selection UI, system color picker, custom color spaces | | web-views.md | Web Views | WKWebView, SFSafariViewController, navigation controls, content restrictions |

コンテンツ表示コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「チャート コンポーネント」、「コレクション ビュー」、「イメージ ビュー」、「Web ビュー」、「カラー ウェル」、「イメージ ウェル」、「アクティビティ ビュー」、「ロックアップ」、「データ視覚化」、「コンテンツ表示」、画像の表示、Web コンテンツのレンダリング、カラー ピッカー、または Apple アプリでのアイテムのコレクションの表示について尋ねたときに使用します。また、ユーザーが「チャートをどのように表示すべきか」、「画像を表示する最適な方法は何か」、「Web ビューを使用すべきか」、「アイテムのグリッドを構築するにはどうすればよいか」、「メディアを表示するコンポーネントは何か」、または「共有シートを表示するにはどうすればよいか」というときにも使用します。相互参照: カラー/タイポグラフィ/アクセシビリティについては hig-foundation、データ視覚化パターンについては hig-patterns、構造コンテナについては hig-components-layout、プラットフォーム固有のコンポーネントの動作については hig-platforms。 ソース: raintree-technology/apple-hig-skills。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
カテゴリ
{}データ分析
認証済み
初回登録
2026-02-20
更新日
2026-03-10

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

クイックアンサー

hig-components-content とは?

コンテンツ表示コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「チャート コンポーネント」、「コレクション ビュー」、「イメージ ビュー」、「Web ビュー」、「カラー ウェル」、「イメージ ウェル」、「アクティビティ ビュー」、「ロックアップ」、「データ視覚化」、「コンテンツ表示」、画像の表示、Web コンテンツのレンダリング、カラー ピッカー、または Apple アプリでのアイテムのコレクションの表示について尋ねたときに使用します。また、ユーザーが「チャートをどのように表示すべきか」、「画像を表示する最適な方法は何か」、「Web ビューを使用すべきか」、「アイテムのグリッドを構築するにはどうすればよいか」、「メディアを表示するコンポーネントは何か」、または「共有シートを表示するにはどうすればよいか」というときにも使用します。相互参照: カラー/タイポグラフィ/アクセシビリティについては hig-foundation、データ視覚化パターンについては hig-patterns、構造コンテナについては hig-components-layout、プラットフォーム固有のコンポーネントの動作については hig-platforms。 ソース: raintree-technology/apple-hig-skills。

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

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

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

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