如何让 AI 遵循 Apple HIG 设计规范优化界面
通过为 AI 提供 Apple 人机界面指南(HIG)的知识基座,使其在审视 UI 设计、生成 SwiftUI 代码或优化用户体验时,能够基于官方标准给出专业建议,避免产生不符合平台直觉的界面。
为什么需要这个技能
在开发 Apple 生态应用时,开发者经常在“自定义风格”和“原生体验”之间挣扎。如果 AI 只是根据通用 Web 经验给出建议,可能会导致界面出现过重的边框、不合理的色彩对比度,或者忽略了 Dynamic Type 等关键的无障碍特性。
该技能通过将 HIG 的核心原则(如“内容优先于装饰”、“语义化颜色”等)转化为 AI 的决策逻辑,让 AI 能够像资深 iOS/macOS 设计师一样,检查你的布局是否符合平台惯例,并提供直接可用的代码实现方案。
适用场景
- UI 评审:将界面截图或描述发给 AI,要求其根据 HIG 检查视觉冗余或交互缺陷。
- 代码实现:在编写 SwiftUI/UIKit 界面时,让 AI 选择正确的语义化颜色(Semantic Colors)和系统字体(SF Pro)。
- 无障碍优化:让 AI 检查界面是否支持 VoiceOver、动态字体缩放以及高对比度模式。
- 多平台适配:在 visionOS、iOS 和 macOS 之间快速对齐设计语言。
核心工作流
- 上下文检索:AI 首先检查项目内是否存在
.claude/apple-design-context.md,确保基于当前项目的具体设计上下文进行分析。 - 原则匹配:将需求映射到 HIG 的八大核心原则(如:内容优先、无障碍先行、尊重隐私等)。
- 多维校验:AI 会交叉验证多个维度。例如,在建议一种颜色时,会同时校验其在深色模式(Dark Mode)下的表现以及是否符合 WCAG 对比度要求。
- 标准化输出:
- 引用具体的 HIG 文档章节。
- 说明不同平台的差异化处理(如 watchOS vs macOS)。
- 提供具体的 SwiftUI/UIKit 代码片段。
- 明确指出该设计对无障碍访问的影响。
下载和安装
下载 hig-foundations 中文版 Skill ZIP
解压后将目录放入你的 AI 工具 skills 文件夹,重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。
你可能还需要
暂无推荐