Apple 内容显示组件人机界面指南。当用户询问“图表组件”、“集合视图”、“图像视图”、“Web 视图”、“颜色良好”、“图像良好”、“活动视图”、“锁定”、“数据可视化”、“内容显示”、显示图像、渲染 Web 内容、颜色选择器或在 Apple 应用程序中呈现项目集合时，请使用此技能。当用户说“我应该如何显示图表”、“显示图像的最佳方式是什么”、“我应该使用 Web 视图”、“如何构建项目网格”、“什么组件显示媒体”或“如何呈现共享表”时也可以使用。交叉引用：用于颜色/排版/可访问性的 hig-foundations、用于数据可视化模式的 hig-patterns、用于结构容器的 hig-components-layout、用于平台特定组件行为的 hig-platforms。
通过命令行快速安装 hig-components-content 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.
| 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-foundations、用于数据可视化模式的 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-contentBrowse more skills from raintree-technology/apple-hig-skills
Apple 内容显示组件人机界面指南。当用户询问“图表组件”、“集合视图”、“图像视图”、“Web 视图”、“颜色良好”、“图像良好”、“活动视图”、“锁定”、“数据可视化”、“内容显示”、显示图像、渲染 Web 内容、颜色选择器或在 Apple 应用程序中呈现项目集合时，请使用此技能。当用户说“我应该如何显示图表”、“显示图像的最佳方式是什么”、“我应该使用 Web 视图”、“如何构建项目网格”、“什么组件显示媒体”或“如何呈现共享表”时也可以使用。交叉引用：用于颜色/排版/可访问性的 hig-foundations、用于数据可视化模式的 hig-patterns、用于结构容器的 hig-components-layout、用于平台特定组件行为的 hig-platforms。 来源：raintree-technology/apple-hig-skills。
打开你的终端或命令行工具（如 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