·hig-components-layout
</>

hig-components-layout

レイアウトおよびナビゲーション コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「サイドバー」、「分割ビュー」、「タブバー」、「タブビュー」、「スクロールビュー」、「ウィンドウデザイン」、「パネル」、「リストビュー」、「テーブルビュー」、「カラムビュー」、「アウトラインビュー」、「ナビゲーション構造」、「アプリレイアウト」、「ボックス」、「装飾」、またはAppleアプリのコンテンツの階層構造について尋ねたときに使用します。また、ユーザーが「アプリをどのように整理すべきか」、「どのナビゲーション パターンを使用すべきか」、「iPad でレイアウトが崩れる」、「サイドバーを作成するにはどうすればよいか」、「タブとサイドバーを使用すべきか」、「アプリがさまざまな画面サイズに適応しない」といった場合にも使用します。相互参照: レイアウト/間隔の原則については hig-foundation、プラットフォーム固有のナビゲーションについては hig-platforms、マルチタスクおよびフルスクリーンについては hig-patterns、コンテンツ表示については hig-components-content を参照してください。

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

インストール

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

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

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

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

| sidebars.md | Sidebars | Source lists, selection state, collapsible sections, iPad/Mac patterns | | column-views.md | Column Views | Finder-style browsing, progressive disclosure through columns | | outline-views.md | Outline Views | Expandable hierarchies, disclosure triangles, tree structures |

| split-views.md | Split Views | Two/three column layouts, NavigationSplitView, adaptive collapse | | tab-views.md | Tab Views | Segmented tabs, page-style tabs, macOS tab grouping | | tab-bars.md | Tab Bars | Bottom tab bars (iOS), badge counts, max tab count | | scroll-views.md | Scroll Views | Paging, scroll indicators, content insets, pull-to-refresh |

レイアウトおよびナビゲーション コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「サイドバー」、「分割ビュー」、「タブバー」、「タブビュー」、「スクロールビュー」、「ウィンドウデザイン」、「パネル」、「リストビュー」、「テーブルビュー」、「カラムビュー」、「アウトラインビュー」、「ナビゲーション構造」、「アプリレイアウト」、「ボックス」、「装飾」、またはAppleアプリのコンテンツの階層構造について尋ねたときに使用します。また、ユーザーが「アプリをどのように整理すべきか」、「どのナビゲーション パターンを使用すべきか」、「iPad でレイアウトが崩れる」、「サイドバーを作成するにはどうすればよいか」、「タブとサイドバーを使用すべきか」、「アプリがさまざまな画面サイズに適応しない」といった場合にも使用します。相互参照: レイアウト/間隔の原則については hig-foundation、プラットフォーム固有のナビゲーションについては hig-platforms、マルチタスクおよびフルスクリーンについては hig-patterns、コンテンツ表示については hig-components-content を参照してください。 ソース: raintree-technology/apple-hig-skills。

引用可能な情報

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

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

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

クイックアンサー

hig-components-layout とは?

レイアウトおよびナビゲーション コンポーネントに関する Apple ヒューマン インターフェイス ガイドライン。このスキルは、ユーザーが「サイドバー」、「分割ビュー」、「タブバー」、「タブビュー」、「スクロールビュー」、「ウィンドウデザイン」、「パネル」、「リストビュー」、「テーブルビュー」、「カラムビュー」、「アウトラインビュー」、「ナビゲーション構造」、「アプリレイアウト」、「ボックス」、「装飾」、またはAppleアプリのコンテンツの階層構造について尋ねたときに使用します。また、ユーザーが「アプリをどのように整理すべきか」、「どのナビゲーション パターンを使用すべきか」、「iPad でレイアウトが崩れる」、「サイドバーを作成するにはどうすればよいか」、「タブとサイドバーを使用すべきか」、「アプリがさまざまな画面サイズに適応しない」といった場合にも使用します。相互参照: レイアウト/間隔の原則については hig-foundation、プラットフォーム固有のナビゲーションについては hig-platforms、マルチタスクおよびフルスクリーンについては hig-patterns、コンテンツ表示については hig-components-content を参照してください。 ソース: raintree-technology/apple-hig-skills。

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

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

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

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