hig-components-layout
Appleアプリのナビゲーションレイアウトを設計する
ナビゲーションパターンがプラットフォームの期待に合わない場合、Appleアプリのレイアウトは破綻することがあります。このスキルはApple HIGのガイダンスを適用し、適応型レイアウトとナビゲーションコンポーネントの選択を支援します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "hig-components-layout" from https://skillstore.io/skills/sickn33-hig-components-layout.md and its manifest at https://skillstore.io/api/skills/sickn33-hig-components-layout/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「hig-components-layout」を使用しています。 メモアプリには、フォルダ、メモ一覧、メモ詳細、そしてiPadとMacで使える任意のインスペクタがあります。
期待される結果:
推奨パターン: サイドバーと分割された詳細表示。フォルダ用サイドバー、メモ一覧ペイン、詳細ペイン、任意のインスペクタを使用します。
「hig-components-layout」を使用しています。 フィットネスアプリには、iPhoneとiPadで使う5つの並列セクションと浅いコンテンツがあります。
期待される結果:
推奨パターン: まずタブバー。タブラベルは短く保ち、各タブの状態を保持し、iPadではサイドバーへの適応を検討します。
「hig-components-layout」を使用しています。 visionOSのメディアアプリでは、メインウィンドウのコンテンツを覆わずに再生ツールが必要です。
期待される結果:
推奨パターン: よく使うコントロールにはオーナメントを使用します。バランスを保ち、ウィンドウの近くに配置し、コンテンツより狭くします。
セキュリティ監査
安全All 36 static findings are false positives caused by ordinary HIG prose, Markdown code spans, and attribution links. No command execution, system reconnaissance, prompt injection, or data-exfiltration intent was found.
リスク要因
⚙️ 外部コマンド (2)
🌐 ネットワークアクセス (1)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/sickn33-hig-components-layout/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/sickn33-hig-components-layout?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/sickn33-hig-components-layout?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-hig-components-layout/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/sickn33-hig-components-layout.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
sickn33. (2026). hig-components-layout security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-hig-components-layout/audits/5BibTeX形式の引用
@techreport{sickn33-sickn33-hig-components-layout-2026,
author = {sickn33},
title = {hig-components-layout security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-hig-components-layout/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "hig-components-layout security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-hig-components-layout/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-hig-components-layout:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
アプリのナビゲーションパターンを選ぶ
Appleアプリでタブ、サイドバー、分割ビュー、スタック型ナビゲーションのどれを使うべきかを判断します。
適応型レイアウトの挙動をレビューする
コンパクト幅、レギュラー幅、マルチタスキング、ウィンドウ表示の各状態でレイアウトがどのように変化すべきかを確認します。
コンポーネントガイダンスを標準化する
リスト、テーブル、パネル、ウィンドウ、オーナメント、グループ化されたコンテンツに一貫したルールを作成します。
これらのプロンプトを試す
私は[platforms]向けに[sections]を含むAppleアプリを構築しています。ナビゲーションパターンを推奨し、階層構造を説明してください。
[app type]向けのこのレイアウト案をレビューしてください。iPhone、iPad、Mac、visionOSでどのように適応すべきかを説明してください。
この情報アーキテクチャについて、タブバー、サイドバー、分割ビュー、タブビューを比較してください: [details]。トレードオフとプラットフォーム上のリスクも含めてください。
このAppleアプリのナビゲーションモデルをHIGレイアウトガイダンスに照らして監査してください。不一致、欠落している状態、より安全なコンポーネント選択を特定してください。
ベストプラクティス
- 推奨を求める前に、アプリ構造、対象プラットフォーム、トップレベルセクションの数を提示します。
- コンパクト、レギュラー、マルチタスキング、ウィンドウ表示の各状態での挙動を個別に尋ねます。
- 出力を設計チェックリストとして使用し、実機テストで検証します。
回避
- プラットフォームやコンテンツ階層の詳細なしに単一のレイアウトを要求すること。
- タブバーやリストのほうが単純な場合でも、すべての画面でサイドバーを使うこと。
- フレームワークの挙動を確認せず、HIGガイダンスを実装コードとして扱うこと。
よくある質問
このスキルはSwiftUIコードを書きますか?
どのAppleプラットフォームをカバーしていますか?
タブとサイドバーのどちらを選ぶべきか判断できますか?
iPadのリサイズに役立ちますか?
ライブのAppleドキュメントを使用しますか?
スクリーンショットをレビューできますか?
開発者情報
作成者
sickn33ライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
88a8e9a07f4c54ab105c1c41b6267c287146b07b
メンテナンスの新しさ
2026/7/26
利用状況
8 ダウンロード · 113 閲覧
ファイル構成