Fähigkeiten Apple HIG: Menus and Buttons
🍎

Apple HIG: Menus and Buttons

Sicher

Apple-ähnliche Menüs und Buttons entwerfen

Stellen Sie sicher, dass Ihre macOS- und iOS-Oberflächen den Design-Standards von Apple entsprechen. Dieser Skill bietet autoritative Anleitungen zur Menüstruktur, Button-Stilen und Symbolleistenplatzierung aus den Human Interface Guidelines von Apple.

Unterstützt: Claude Codex Code(CC)
📊 69 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "Apple HIG: Menus and Buttons". I'm building a macOS app and need a menu for file operations like New, Open, Save, and Export. What should I do?

Erwartetes Ergebnis:

Verwenden Sie für Dateioperationen in einer macOS-App die standardmäßige Anwendungsmenüstruktur:

1. Platzieren Sie Neu, Öffnen und Speichern im Datei-Menü (erstes Menü nach dem App-Menü)
2. Verwenden Sie standardmäßige Tastenkombinationen: Command+N für Neu, Command+O für Öffnen, Command+S für Speichern
3. Fügen Sie Exportieren unterhalb von Speichern im Datei-Menü hinzu, optional mit Command+Shift+E wenn es sich um eine häufig verwendete Aktion handelt
4. Folgen Sie der Reihenfolge: Über, Neu, Öffnen, Zuletzt geöffnet, [Trennlinie], Schließen, Speichern, [Trennlinie], Exportieren/Drucken

Dies entspricht den Konventionen der Menüleiste von Apple, wobei das Datei-Menü der primäre Speicherort für dokumentenbezogene Befehle ist. Stellen Sie sicher, dass jeder Befehl auch über die Menüleiste erreichbar ist, auch wenn Sie Symbolleisten-Kurzbefehle oder Kontextmenüs bereitstellen.

Verwendung von "Apple HIG: Menus and Buttons". Should I use a context menu or an action sheet for item deletion on iOS?

Erwartetes Ergebnis:

Verwenden Sie auf iOS ein Action Sheet zum Löschen von Elementen, kein Kontextmenü:

**Action Sheet (Empfohlen)**
- Präsentiert destruktive Aktionen prominent mit roter Farbe
- Erzwingt eine explizite Benutzerwahl mit klaren Tippregionen
- Funktioniert besser für Touch-Oberflächen mit großen Trefferbereichen
- Kann eine Bestätigungsnachricht und Abbrechen-Option enthalten

**Kontextmenü (Nicht empfohlen für destruktive Aktionen)**
- Besser für sekundäre oder Komfort-Aktionen (Kopieren, Teilen, Umbenennen)
- Schwerer zu entdecken für kritische Aktionen
- Lang-Geste ist möglicherweise nicht offensichtlich

Zusätzlich sollten Sie eine destruktive Aktion niemals nur in ein Kontextmenü legen — bieten Sie immer einen primären Zugriffspfad. Das Action Sheet bietet Ihnen den destruktiven Button-Stil, eine klare visuelle Hierarchie und das explizite Auswahlmuster, das Apple für irreversible Aktionen empfiehlt.

Sicherheitsaudit

Sicher
v1 • 2/25/2026

Static analysis detected 893 potential security issues across 11 files (1527 lines). All findings are false positives from a pure documentation skill containing Apple Human Interface Guidelines. Hardcoded URLs are legitimate documentation image references to developer.apple.com. 'Weak cryptographic algorithm' and 'C2 keyword' detections are triggered by common UI/UX terminology (button, control, push, etc.). 'Ruby/shell backtick execution' patterns are from markdown code blocks and inline code formatting. No executable code, no network operations, no external commands - read-only reference documentation.

11
Gescannte Dateien
1,527
Analysierte Zeilen
0
befunde
1
Gesamtzahl Audits
Keine Sicherheitsprobleme gefunden
Auditiert von: claude

Qualitätsbewertung

45
Architektur
100
Wartbarkeit
87
Inhalt
24
Community
100
Sicherheit
65
Spezifikationskonformität

Was du bauen kannst

macOS-Menüstruktur entwerfen

Ein Entwickler, der eine macOS-Anwendung erstellt, muss Menüelemente organisieren, Tastenkombinationen definieren und Standard-Bearbeitungsmenüs implementieren. Er verwendet diesen Skill, um sicherzustellen, dass seine Menüleiste den Konventionen von Apple entspricht und alle erwarteten Standardelemente enthält.

Button-Stile für iOS-App auswählen

Ein iOS-Designer erstellt ein Formular mit mehreren Aktions-Buttons und muss festlegen, welche Button-Stile verwendet werden sollen. Dieser Skill hilft ihnen, geeignete Button-Rollen (primär, Abbrechen, destruktiv) auszuwählen und eine korrekte visuelle Hierarchie sicherzustellen.

Kontextmenüs implementieren

Ein plattformübergreifender Entwickler möchte Rechtsklick-Kontextmenüs zu seiner iPad- und macOS-App hinzufügen. Er konsultiert diesen Skill, um zu verstehen, welche Aktionen in Kontextmenüs versus primärer UI gehören und wie die Barrierefreiheit sichergestellt wird.

Probiere diese Prompts

Basis-Menüempfehlung 
Welche Art von Menü sollte ich für [specific action/use case] auf [platform] verwenden?
Button-Stil-Auswahl 
Ich benötige Buttons für [describe scenario - primary action, destructive action, etc.] auf [platform]. Welche Button-Stile und Rollen sollte ich verwenden?
Symbolleisten-Design-Überprüfung 
Überprüfen Sie mein Symbolleisten-Design für [platform]. Ich habe diese Aktionen: [list actions]. Sind dies die richtigen Entscheidungen für die Symbolleiste versus Menüs?
Plattformspezifisches Verhalten 
Wie sollte sich [menu/button component] auf [platform 1] versus [platform 2] unterscheiden? Was sind die Tastenkombinationen und Barrierefreiheitsanforderungen?

Bewährte Verfahren

  • Jeder Befehl muss auf macOS von der Menüleiste aus erreichbar sein — Symbolleisten und Kontextmenüs ergänzen, ersetzen aber nicht Menüelemente
  • Verwenden Sie systemdefinierte Button-Stile und Rollen anstelle von benutzerdefinierten Designs, um Plattformkonsistenz und Barrierefreiheit zu gewährleisten
  • Begrenzen Sie auffällige Buttons auf einen oder zwei pro Ansicht, um die kognitive Belastung zu reduzieren und Benutzer zu primären Aktionen zu führen

Vermeiden

  • Befehle nur in Kontextmenüs platzieren, ohne sie auch in der Menüleiste oder primären Oberfläche bereitzustellen
  • Verwendung mehrerer auffälliger Button-Stile in derselben Ansicht, was visuelle Verwirrung darüber erzeugt, welche Aktion bevorzugt wird
  • Symbolleisten mit zu vielen Elementen überladen — priorisieren Sie häufig verwendete Befehle und verschieben Sie weniger häufige Aktionen in Überlaufmenüs

Häufig gestellte Fragen

Was ist der Unterschied zwischen einem Pop-up-Button und einem Pull-down-Button?
Pop-up-Buttons dienen zur Auswahl einer Option aus einem sich gegenseitig ausschließenden Set (wie die Auswahl einer Schriftgröße). Sie zeigen immer die aktuelle Auswahl. Pull-down-Buttons dienen für Aktionslisten, bei denen keine Auswahl aktiv ist (wie ein 'Neu'-Button, der verschiedene Erstellungsoptionen bietet).
Sollte ich einen primären Button für eine destruktive Aktion verwenden?
Nein. Weisen Sie niemals die primäre Rolle einem Button zu, der eine destruktive Aktion ausführt, auch wenn es die wahrscheinlichste Wahl ist. Die visuelle Hervorhebung von primären Buttons kann dazu führen, dass Benutzer tippen, ohne zu lesen. Verwenden Sie stattdessen die destruktive Rolle, die systemrot verwendet, um Benutzer zu warnen.
Was ist die minimale Trefferzonengröße für Buttons?
Buttons benötigen eine Trefferzone von mindestens 44x44 Punkten auf iOS, iPadOS und macOS. Auf visionOS beträgt das Minimum 60x60 Punkte. Dies stellt sicher, dass Benutzer Buttons leicht auswählen können, unabhängig davon, ob sie eine Fingerkuppe, einen Zeiger, ihre Augen oder eine Fernbedienung verwenden.
Wann sollte ich ein Kontextmenü versus eine Symbolleiste verwenden?
Verwenden Sie Symbolleisten für häufig verwendete Befehle, die auf die aktuelle Ansicht oder Auswahl wirken. Verwenden Sie Kontextmenüs für sekundäre oder elementspezifische Aktionen, die über Rechtsklick oder Lang-Geste aufgerufen werden. Legen Sie einen Befehl niemals nur in ein Kontextmenü — bieten Sie immer einen primären Zugriffspfad.
Welche Tastenkombinationen sollte ich für Standard-Bearbeitungsmenüelemente verwenden?
Verwenden Sie Command+Z für Rückgängig, Command+Shift+Z für Wiederholen, Command+X für Ausschneiden, Command+C für Kopieren, Command+V für Einfügen, Command+A für Alles auswählen und Command+F für Suchen. Dies sind plattformstandard-Tastenkombinationen, die Benutzer auf macOS erwarten.
Kann ich das Erscheinungsbild von Systembuttons anpassen?
Systembuttons bieten integrierte Stile mit Anpassungsoptionen für Farbe und Größe. Sie können Buttons einfärben und aus Stilen wie rahmenlos, gerahmt oder gerahmt-hervorstehend wählen. Vermeiden Sie jedoch das Erstellen von vollständig benutzerdefinierten Button-Erscheinungsbildern, die von Systemstilen abweichen, da dies die Barrierefreiheit und Plattformkonsistenz reduziert.

Entwicklerdetails

Autor

sickn33

Lizenz

MIT

Repository

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-menus

Ref

main

Dateistruktur

📁 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

📄 SKILL.md