利用 Apple HIG 规范设计菜单与按钮 #

解决 UI 设计中的决策难题：通过引入 Apple 人机交互指南（HIG）的专业知识，让 AI 帮助开发者在 macOS、iOS 等平台中精准选择菜单类型、按钮样式及工具栏布局。

为什么需要这个技能 #

在开发 Apple 生态应用时，开发者常面临“此处该用 Pop-up Button 还是 Pull-down Button”或“此功能应放在菜单栏还是上下文菜单”的困惑。随意设计不仅会破坏视觉一致性，还会增加用户的学习成本。

本技能将 Apple HIG 的核心原则（如：菜单的上下文相关性、标准按钮样式的可用性、macOS 菜单栏作为主指令接口等）结构化，使 AI 能够基于平台标准给出专业的组件推荐，确保应用符合原生体验。

适用场景 #

• 组件选型：不确定某个功能应该使用按钮、弹出式菜单还是披露控件（Disclosure Control）时。
• 界面架构设计：规划 macOS 应用的菜单栏结构或 iOS 的工具栏布局。
• 交互一致性审查：检查当前的菜单项顺序、快捷键设置是否符合平台惯例。
• 跨平台适配：需要将同一功能在 iOS、iPadOS 和 macOS 之间进行交互形式的转换。

核心工作流 #

1. 上下文检索：AI 首先检查 .claude/apple-design-context.md，确保利用已有的设计上下文，避免重复询问。
2. 需求分析：AI 通过询问平台类型（iOS/macOS）、动作优先级（主/次）以及选项数量来明确需求。
3. 组件匹配：根据 HIG 原则推荐具体组件（例如：互斥选项 $\to$ Pop-up Button；功能列表 $\to$ Pull-down Button）。
4. 详细方案输出：
   • 组件推荐：明确指出使用哪种菜单或按钮及其原因。
   • 视觉层级：定义在界面中的位置、尺寸和分组方式。
   • 平台行为：描述在不同 Apple 平台上的具体交互差异。
   • 快捷键建议：为 macOS 菜单项提供标准的快捷键映射。

下载和安装 #

下载 hig-components-menus 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

你可能还需要 #

暂无推荐