如何根据 Apple HIG 规范选择内容展示组件
解决 UI 开发中的组件选型难题:通过引入 Apple 人机交互指南(HIG)的决策逻辑,让 AI 能够根据内容类型、目标平台和性能需求,推荐最符合原生体验的 Apple 内容展示组件。
为什么需要这个技能
在为 Apple 生态(iOS, macOS, watchOS, visionOS)开发应用时,随意选择 UI 组件会导致应用看起来“不原生”,甚至破坏用户的操作习惯。例如,在 macOS 上应该使用 Image Well 而非简单的 Image View 来实现图片选择,或者在 tvOS 上使用 Lockups 而非标准列表。
本技能通过结构化的参考索引和决策矩阵,让 AI 在建议组件时不仅考虑功能,还兼顾视觉层级、无障碍支持(Accessibility)以及不同平台的适配特性,避免开发者在查阅海量 HIG 文档后仍难以做出正确决策。
适用场景
- 方案设计阶段:当你不确定应该使用
UICollectionView还是SwiftUI Charts来展示数据时。 - 跨平台适配:需要将一个 iOS 的内容界面移植到 macOS 或 visionOS,需确定组件的替代方案。
- 无障碍审查:确保所选组件具备正确的 VoiceOver 导航顺序或音频图表支持。
- 性能优化:在处理海量数据集时,决定是否需要引入分页加载或单元格复用机制。
核心工作流
- 需求分析:AI 会首先询问内容类型(定量数据、图片、Web 内容等)、目标平台以及数据的规模(静态还是动态、数量级)。
- 组件匹配:根据参考索引(如
charts.md,collections.md)匹配最合适的系统组件,优先选择系统原生组件而非自定义实现。 - 平台校准:针对特定平台调整方案。例如,visionOS 需增加深度和悬停效果,tvOS 需采用大尺寸卡片布局。
- 输出方案:AI 将提供包含“推荐组件
选型理由 关键配置 无障碍要求 平台特有注意点”的完整建议。
下载和安装
下载 hig-components-content 中文版 Skill ZIP
解压后将目录放入你的 AI 工具 skills 文件夹,重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。
你可能还需要
暂无推荐