Apple 布局和导航组件人机界面指南。当用户询问“侧边栏”、“拆分视图”、“选项卡栏”、“选项卡视图”、“滚动视图”、“窗口设计”、“面板”、“列表视图”、“表格视图”、“列视图”、“大纲视图”、“导航结构”、“应用程序布局”、“框”、“装饰”或在 Apple 应用程序中分层组织内容时，请使用此技能。当用户说“我应该如何组织我的应用程序”、“我应该使用什么导航模式”、“我的布局在 iPad 上中断”、“我如何构建侧边栏”、“我应该使用选项卡还是侧边栏”或“我的应用程序不适应不同的屏幕尺寸”时，也可以使用。交叉引用：用于布局/间距原则的 hig-foundation、用于特定于平台的导航的 hig-platforms、用于多任务处理和全屏的 hig-patterns、用于内容显示的 hig-components-content。
通过命令行快速安装 hig-components-layout AI 技能到你的开发环境
来源：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-layoutBrowse more skills from raintree-technology/apple-hig-skills
Apple 布局和导航组件人机界面指南。当用户询问“侧边栏”、“拆分视图”、“选项卡栏”、“选项卡视图”、“滚动视图”、“窗口设计”、“面板”、“列表视图”、“表格视图”、“列视图”、“大纲视图”、“导航结构”、“应用程序布局”、“框”、“装饰”或在 Apple 应用程序中分层组织内容时，请使用此技能。当用户说“我应该如何组织我的应用程序”、“我应该使用什么导航模式”、“我的布局在 iPad 上中断”、“我如何构建侧边栏”、“我应该使用选项卡还是侧边栏”或“我的应用程序不适应不同的屏幕尺寸”时，也可以使用。交叉引用：用于布局/间距原则的 hig-foundation、用于特定于平台的导航的 hig-platforms、用于多任务处理和全屏的 hig-patterns、用于内容显示的 hig-components-content。 来源：raintree-technology/apple-hig-skills。
打开你的终端或命令行工具（如 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