·hig-components-layout
</>

hig-components-layout

Apple Human Interface-Richtlinien für Layout- und Navigationskomponenten. Verwenden Sie diese Fähigkeit, wenn der Benutzer nach „Seitenleiste“, „geteilte Ansicht“, „Tab-Leiste“, „Tab-Ansicht“, „Bildlaufansicht“, „Fensterdesign“, „Panel“, „Listenansicht“, „Tabellenansicht“, „Spaltenansicht“, „Gliederungsansicht“, „Navigationsstruktur“, „App-Layout“, „Boxen“, „Ornamente“ oder nach der hierarchischen Organisation von Inhalten in Apple-Apps fragt. Verwenden Sie es auch, wenn der Benutzer sagt: „Wie soll ich meine App organisieren“, „welches Navigationsmuster soll ich verwenden“, „mein Layout bricht auf dem iPad“, „wie erstelle ich eine Seitenleiste“, „sollte ich Tabs oder eine Seitenleiste verwenden“ oder „meine App passt sich nicht an unterschiedliche Bildschirmgrößen an“. Querverweise: High-Foundations für Layout-/Abstandsprinzipien, High-Platforms für plattformspezifische Navigation, High-Patterns für Multitasking und Vollbild, High-Components-Content für die Inhaltsanzeige.

42Installationen·3Trend·@raintree-technology

Installation

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

So installieren Sie hig-components-layout

Installieren Sie den KI-Skill hig-components-layout schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: raintree-technology/apple-hig-skills.

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

| sidebars.md | Sidebars | Source lists, selection state, collapsible sections, iPad/Mac patterns | | column-views.md | Column Views | Finder-style browsing, progressive disclosure through columns | | outline-views.md | Outline Views | Expandable hierarchies, disclosure triangles, tree structures |

| split-views.md | Split Views | Two/three column layouts, NavigationSplitView, adaptive collapse | | tab-views.md | Tab Views | Segmented tabs, page-style tabs, macOS tab grouping | | tab-bars.md | Tab Bars | Bottom tab bars (iOS), badge counts, max tab count | | scroll-views.md | Scroll Views | Paging, scroll indicators, content insets, pull-to-refresh |

Apple Human Interface-Richtlinien für Layout- und Navigationskomponenten. Verwenden Sie diese Fähigkeit, wenn der Benutzer nach „Seitenleiste“, „geteilte Ansicht“, „Tab-Leiste“, „Tab-Ansicht“, „Bildlaufansicht“, „Fensterdesign“, „Panel“, „Listenansicht“, „Tabellenansicht“, „Spaltenansicht“, „Gliederungsansicht“, „Navigationsstruktur“, „App-Layout“, „Boxen“, „Ornamente“ oder nach der hierarchischen Organisation von Inhalten in Apple-Apps fragt. Verwenden Sie es auch, wenn der Benutzer sagt: „Wie soll ich meine App organisieren“, „welches Navigationsmuster soll ich verwenden“, „mein Layout bricht auf dem iPad“, „wie erstelle ich eine Seitenleiste“, „sollte ich Tabs oder eine Seitenleiste verwenden“ oder „meine App passt sich nicht an unterschiedliche Bildschirmgrößen an“. Querverweise: High-Foundations für Layout-/Abstandsprinzipien, High-Platforms für plattformspezifische Navigation, High-Patterns für Multitasking und Vollbild, High-Components-Content für die Inhaltsanzeige. Quelle: raintree-technology/apple-hig-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-20
Aktualisiert
2026-03-10

Browse more skills from raintree-technology/apple-hig-skills

Schnelle Antworten

Was ist hig-components-layout?

Apple Human Interface-Richtlinien für Layout- und Navigationskomponenten. Verwenden Sie diese Fähigkeit, wenn der Benutzer nach „Seitenleiste“, „geteilte Ansicht“, „Tab-Leiste“, „Tab-Ansicht“, „Bildlaufansicht“, „Fensterdesign“, „Panel“, „Listenansicht“, „Tabellenansicht“, „Spaltenansicht“, „Gliederungsansicht“, „Navigationsstruktur“, „App-Layout“, „Boxen“, „Ornamente“ oder nach der hierarchischen Organisation von Inhalten in Apple-Apps fragt. Verwenden Sie es auch, wenn der Benutzer sagt: „Wie soll ich meine App organisieren“, „welches Navigationsmuster soll ich verwenden“, „mein Layout bricht auf dem iPad“, „wie erstelle ich eine Seitenleiste“, „sollte ich Tabs oder eine Seitenleiste verwenden“ oder „meine App passt sich nicht an unterschiedliche Bildschirmgrößen an“. Querverweise: High-Foundations für Layout-/Abstandsprinzipien, High-Platforms für plattformspezifische Navigation, High-Patterns für Multitasking und Vollbild, High-Components-Content für die Inhaltsanzeige. Quelle: raintree-technology/apple-hig-skills.

Wie installiere ich hig-components-layout?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/raintree-technology/apple-hig-skills