raintree-technology/apple-hig-skills/hig-components-menus

Claude Code and agent skill by raintree-technology/apple-hig-skills

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Apple HIG guidance for menu and button components including menus, context menus, dock menus, edit menus, the menu bar, toolbars, action buttons, pop-up buttons, pull-down buttons, disclosure controls, and standard buttons. Use this skill when the user says "how should my buttons look," "what goes in the menu bar," "should I use a context menu or action sheet," "how do I design a toolbar," or asks about button design, menu design, context menu, toolbar, menu bar, action button, pop-up button, pull-down button, disclosure control, dock menu, edit menu, or any menu/button component layout and behavior. Cross-references: hig-components-search, hig-components-controls, hig-components-dialogs.

Install

npx vskill@latest install raintree-technology/apple-hig-skills/hig-components-menus

SKILL.md

Apple HIG: Menus and Buttons

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

Key Principles

  1. Menus should be contextual and predictable. Standard items in standard locations. Follow platform conventions for ordering and grouping.
  1. Use standard button styles. System-defined styles communicate affordance and maintain visual consistency. Prefer them over custom designs.
  1. Toolbars for frequent actions. Most commonly used commands in the toolbar. Rarely used actions belong in menus.
  1. Menu bar is the primary command interface on macOS. Every command reachable from the menu bar. Toolbars and context menus supplement, not replace.
  1. 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.
  1. Pop-up buttons for mutually exclusive choices. Select exactly one option from a set.
  1. Pull-down buttons for action lists. No current selection; they offer a set of commands.
  1. Action buttons consolidate related actions behind a single icon in toolbars or title bars.
  1. Disclosure controls for progressive disclosure. Show or hide additional content.
  1. Dock menus: short and focused on the most useful actions when the app is running.

Reference Index

ReferenceTopicKey content
menus.mdGeneral menu designItem ordering, grouping, shortcuts
context-menus.mdContext menusRight-click, long press, secondary actions
dock-menus.mdDock menusmacOS app-level actions, running state
edit-menus.mdEdit menusUndo, copy, paste, standard items
the-menu-bar.mdMenu barmacOS primary command interface, structure
toolbars.mdToolbarsFrequent actions, customization, placement
buttons.mdButtonsSystem styles, sizing, affordance
action-button.mdAction buttonGrouped secondary actions, toolbar use
pop-up-buttons.mdPop-up buttonsMutually exclusive choice selection
pull-down-buttons.mdPull-down buttonsAction lists, no current selection
disclosure-controls.mdDisclosure controlsProgressive disclosure, show/hide

Output Format

  1. Component recommendation -- which menu or button type and why.
  2. Visual hierarchy -- placement, sizing, grouping within the interface.
  3. Platform-specific behavior across iOS, iPadOS, macOS, visionOS.
  4. Keyboard shortcuts (macOS) -- standard and custom shortcuts for menu items and toolbar actions.

Questions to Ask

  1. Which platforms?
  2. Primary or secondary action?
  3. How many actions need to be available?
  4. macOS menu bar app?

Related Skills

  • hig-components-search -- Search fields, page controls alongside toolbars and menus
  • hig-components-controls -- Toggles, pickers, segmented controls complementing buttons
  • hig-components-dialogs -- Alerts, sheets, popovers triggered by menu items or buttons
  • hig-inputs -- Keyboard shortcuts and pointer interactions with menus and toolbars

Built by [Raintree Technology](https://raintree.technology) · [More developer tools](https://raintree.technology)

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
26
Repository forks
2
7-day trend score
16

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 24 Mar 2026, 7 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/raintree-technology/apple-hig-skills/hig-components-menus/badge)](https://verified-skill.com/skills/raintree-technology/apple-hig-skills/hig-components-menus)

Something wrong with this skill or its page? Tell us.