mcpField
H
hig-components-menus

hig-components-menus

github.com/raintree-technology设计与 UI148661 次安装6 天前更新
代码仓库

关于 hig-components-menus

hig-components-menus 是一项指导菜单与按钮设计的 Apple HIG 技能,面向设计师和开发者。它涵盖组件选择、操作组织、平台行为及键盘快捷键。

主要功能

  1. 01菜单与按钮类型选择建议
  2. 02菜单层级与操作分组指导
  3. 03平台行为说明
  4. 04键盘快捷键建议
  5. 05先检查现有 Apple 设计上下文

适用场景

  1. 01为界面操作选择菜单类型
  2. 02规划工具栏和菜单命令位置
  3. 03适配不同 Apple 平台的菜单行为

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/raintree-technology/hig-doctor --skill hig-components-menus

安装后在 Claude Code 中输入/hig-components-menus确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
action-button.md
buttons.md
context-menus.md
disclosure-controls.md
dock-menus.md
edit-menus.md
menus.md
pop-up-buttons.md
pull-down-buttons.md
the-menu-bar.md
toolbars.md

详细介绍

Apple HIG:菜单和按钮

提问前,先检查 .claude/apple-design-context.md。使用已有上下文,只询问其中尚未涵盖的信息。

核心原则

  1. 菜单应符合上下文且可预测。 标准项目应放在标准位置。按照平台惯例排序和分组。

  2. 使用标准按钮样式。 系统定义的样式能传达可操作性,并保持视觉一致。优先使用这些样式,而不是自定义设计。

  3. 将常用操作放在工具栏中。 最常用的命令应放在工具栏中。不常用的操作应放在菜单中。

  4. 菜单栏是 macOS 上的主要命令界面。 每条命令都应能从菜单栏访问。工具栏和上下文菜单应作为补充,而非替代。

  5. 上下文菜单用于次要操作。 通过右键点击或长按打开,内容应与指针下方的项目相关。切勿将某条命令仅放在上下文菜单中。

  6. 弹出式按钮用于互斥选项。 从一组选项中恰好选择一项。

  7. 下拉式按钮用于操作列表。 没有当前选项;它们提供一组命令。

  8. 操作按钮将相关操作整合在一起,放在工具栏或标题栏中的单个图标后。

  9. 使用展开控件逐步展示内容。 显示或隐藏更多内容。

  10. Dock 菜单应简短、聚焦于应用运行时最有用的操作。

参考索引

参考主题主要内容
menus.md通用菜单设计项目排序、分组、快捷键
context-menus.md上下文菜单右键点击、长按、次要操作
dock-menus.mdDock 菜单macOS 应用级操作、运行状态
edit-menus.md编辑菜单撤销、复制、粘贴、标准项目
the-menu-bar.md菜单栏macOS 主要命令界面、结构
toolbars.md工具栏常用操作、自定义、位置
buttons.md按钮系统样式、尺寸、可操作性
action-button.md操作按钮分组的次要操作、工具栏用法
pop-up-buttons.md弹出式按钮互斥选项选择
pull-down-buttons.md下拉式按钮操作列表、无当前选项
disclosure-controls.md展开控件逐步展示内容、显示/隐藏

输出格式

  1. 组件建议 —— 推荐使用哪种菜单或按钮类型,以及原因。
  2. 视觉层级 —— 在界面中的位置、尺寸和分组方式。
  3. 平台特定行为 —— 涵盖 iOS、iPadOS、macOS、visionOS。
  4. 键盘快捷键(macOS)—— 菜单项和工具栏操作的标准及自定义快捷键。

要提出的问题

  1. 需要支持哪些平台?
  2. 这是主要操作还是次要操作?
  3. 需要提供多少项操作?
  4. 是否为 macOS 菜单栏应用?

相关技能

  • hig-components-search —— 搜索栏、页面控件,以及与工具栏和菜单搭配使用的组件
  • hig-components-controls —— 与按钮搭配使用的开关、选择器、分段控件
  • hig-components-dialogs —— 由菜单项或按钮触发的警告框、工作表、弹出框
  • hig-inputs —— 菜单和工具栏中的键盘快捷键及指针交互

由 Raintree Technology 构建 · 更多开发者工具

评论

支持 Markdown