hig-components-menus by raintree-technology/apple-hig-skills
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-menus在提问前,请检查 .claude/apple-design-context.md。使用现有上下文,仅询问尚未涵盖的信息。
菜单应具有上下文关联性且可预测。 标准项目应位于标准位置。遵循平台关于排序和分组的惯例。
使用标准按钮样式。 系统定义的样式传达功能暗示并保持视觉一致性。优先使用它们而非自定义设计。
工具栏用于频繁操作。 最常用的命令放在工具栏中。极少使用的操作应属于菜单。
菜单栏是 macOS 上的主要命令界面。 每个命令都应能从菜单栏访问。工具栏和上下文菜单是补充,而非替代。
上下文菜单用于次要操作。 右键单击或长按,内容与指针下的项目相关。切勿将命令仅放在上下文菜单中。
弹出式按钮用于互斥选择。 从一组选项中精确选择一个。
下拉式按钮用于操作列表。 没有当前选择;它们提供一组命令。
操作按钮将相关操作整合 到工具栏或标题栏中的单个图标后面。
展开控件用于渐进式展开。 显示或隐藏额外内容。
程序坞菜单:简短且聚焦 于应用程序运行时最有用的操作。
| 参考 |
|---|
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 主题 |
|---|
| 关键内容 |
|---|
| menus.md | 通用菜单设计 | 项目排序、分组、快捷键 |
| context-menus.md | 上下文菜单 | 右键单击、长按、次要操作 |
| dock-menus.md | 程序坞菜单 | 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 | 展开控件 | 渐进式展开、显示/隐藏 |
由 Raintree Technology 构建 · 更多开发者工具
每周安装量
79
代码仓库
GitHub 星标数
31
首次出现
2026年2月15日
安全审计
安装于
opencode77
github-copilot75
codex74
cursor74
gemini-cli73
amp73
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Menus should be contextual and predictable. Standard items in standard locations. Follow platform conventions for ordering and grouping.
Use standard button styles. System-defined styles communicate affordance and maintain visual consistency. Prefer them over custom designs.
Toolbars for frequent actions. Most commonly used commands in the toolbar. Rarely used actions belong in menus.
Menu bar is the primary command interface on macOS. Every command reachable from the menu bar. Toolbars and context menus supplement, not replace.
Context menus for secondary actions. Right-click or long-press, relevant to the item under the pointer. Never put a command only in a context menu.
Pop-up buttons for mutually exclusive choices. Select exactly one option from a set.
Pull-down buttons for action lists. No current selection; they offer a set of commands.
Action buttons consolidate related actions behind a single icon in toolbars or title bars.
Disclosure controls for progressive disclosure. Show or hide additional content.
Dock menus: short and focused on the most useful actions when the app is running.
| Reference | Topic | Key content |
|---|---|---|
| menus.md | General menu design | Item ordering, grouping, shortcuts |
| context-menus.md | Context menus | Right-click, long press, secondary actions |
| dock-menus.md | Dock menus | macOS app-level actions, running state |
| edit-menus.md | Edit menus | Undo, copy, paste, standard items |
| the-menu-bar.md | Menu bar | macOS primary command interface, structure |
Built byRaintree Technology · More developer tools
Weekly Installs
79
Repository
GitHub Stars
31
First Seen
Feb 15, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode77
github-copilot75
codex74
cursor74
gemini-cli73
amp73
React视图过渡API使用指南:实现原生浏览器动画与状态管理
5,700 周安装
| Toolbars |
| Frequent actions, customization, placement |
| buttons.md | Buttons | System styles, sizing, affordance |
| action-button.md | Action button | Grouped secondary actions, toolbar use |
| pop-up-buttons.md | Pop-up buttons | Mutually exclusive choice selection |
| pull-down-buttons.md | Pull-down buttons | Action lists, no current selection |
| disclosure-controls.md | Disclosure controls | Progressive disclosure, show/hide |