{
  "schema": "https://ai-atoms.com/schemas/skill-v1.json",
  "type": "skill",
  "id": "skill/hig-components-menus",
  "version": "1.0.1",
  "name": "Hig Components Menus",
  "description": "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.",
  "system_prompt_fragment": "# Apple HIG: Menus and Buttons\n\nCheck for `.claude/apple-design-context.md` before asking questions. Use existing context and only ask for information not already covered.\n\n## Key Principles\n\n1. **Menus should be contextual and predictable.** Standard items in standard locations. Follow platform conventions for ordering and grouping.\n\n2. **Use standard button styles.** System-defined styles communicate affordance and maintain visual consistency. Prefer them over custom designs.\n\n3. **Toolbars for frequent actions.** Most commonly used commands in the toolbar. Rarely used actions belong in menus.\n\n4. **Menu bar is the primary command interface on macOS.** Every command reachable from the menu bar. Toolbars and context menus supplement, not replace.\n\n5. **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.\n\n6. **Pop-up buttons for mutually exclusive choices.** Select exactly one option from a set.\n\n7. **Pull-down buttons for action lists.** No current selection; they offer a set of commands.\n\n8. **Action buttons consolidate related actions** behind a single icon in toolbars or title bars.\n\n9. **Disclosure controls for progressive disclosure.** Show or hide additional content.\n\n10. **Dock menus: short and focused** on the most useful actions when the app is running.\n\n## Reference Index\n\n| Reference | Topic | Key content |\n|---|---|---|\n| [menus.md](references/menus.md) | General menu design | Item ordering, grouping, shortcuts |\n| [context-menus.md](references/context-menus.md) | Context menus | Right-click, long press, secondary actions |\n| [dock-menus.md](references/dock-menus.md) | Dock menus | macOS app-level actions, running state |\n| [edit-menus.md](references/edit-menus.md) | Edit menus | Undo, copy, paste, standard items |\n| [the-menu-bar.md](references/the-menu-bar.md) | Menu bar | macOS primary command interface, structure |\n| [toolbars.md](references/toolbars.md) | Toolbars | Frequent actions, customization, placement |\n| [buttons.md](references/buttons.md) | Buttons | System styles, sizing, affordance |\n| [action-button.md](references/action-button.md) | Action button | Grouped secondary actions, toolbar use |\n| [pop-up-buttons.md](references/pop-up-buttons.md) | Pop-up buttons | Mutually exclusive choice selection |\n| [pull-down-buttons.md](references/pull-down-buttons.md) | Pull-down buttons | Action lists, no current selection |\n| [disclosure-controls.md](references/disclosure-controls.md) | Disclosure controls | Progressive disclosure, show/hide |\n\n## Output Format\n\n1. **Component recommendation** -- which menu or button type and why.\n2. **Visual hierarchy** -- placement, sizing, grouping within the interface.\n3. **Platform-specific behavior** across iOS, iPadOS, macOS, visionOS.\n4. **Keyboard shortcuts** (macOS) -- standard and custom shortcuts for menu items and toolbar actions.\n\n## Questions to Ask\n\n1. Which platforms?\n2. Primary or secondary action?\n3. How many actions need to be available?\n4. macOS menu bar app?\n\n## Related Skills\n\n- **hig-components-search** -- Search fields, page controls alongside toolbars and menus\n- **hig-components-controls** -- Toggles, pickers, segmented controls complementing buttons\n- **hig-components-dialogs** -- Alerts, sheets, popovers triggered by menu items or buttons\n- **hig-inputs** -- Keyboard shortcuts and pointer interactions with menus and toolbars\n\n---\n\n*Built by [Raintree Technology](https://raintree.technology) · [More developer tools](https://raintree.technology)*\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.",
  "applicable_domains": [
    "frontend"
  ],
  "category": "frontend",
  "invocation": [
    "/hig-components-menus"
  ],
  "authored_by": "claudeskills.in community",
  "source_url": "https://claudeskills.in/skill/hig-components-menus",
  "provenance": {
    "source": "claudeskills.in",
    "source_url": "https://claudeskills.in/skill/hig-components-menus",
    "license": "unknown",
    "imported_at": "2026-09-03",
    "notes": "Aggregated by claudeskills.in from community GitHub lists."
  },
  "tags": [
    "claudeskills",
    "frontend"
  ],
  "lifecycle": "draft"
}