·hig-components-layout
</>

hig-components-layout

Directives Apple Human Interface pour les composants de mise en page et de navigation. Utilisez cette compétence lorsque l'utilisateur pose des questions sur la "barre latérale", la "vue fractionnée", la "barre d'onglets", la "vue d'onglets", la "vue de défilement", la "conception de fenêtres", le "panneau", la "vue de liste", la "vue de tableau", la "vue de colonnes", la "vue de plan", la "structure de navigation", la "mise en page de l'application", les "boîtes", les "ornements" ou l'organisation hiérarchique du contenu dans les applications Apple. À utiliser également lorsque l'utilisateur demande « comment dois-je organiser mon application », « quel modèle de navigation dois-je utiliser », « ma mise en page se casse sur iPad », « comment créer une barre latérale », « dois-je utiliser des onglets ou une barre latérale » ou « mon application ne s'adapte pas aux différentes tailles d'écran ». Références croisées : bases élevées pour les principes de mise en page/d'espacement, plates-formes élevées pour la navigation spécifique à la plate-forme, modèles élevés pour le multitâche et le plein écran, contenu à composants élevés pour l'affichage du contenu.

42Installations·3Tendance·@raintree-technology

Installation

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

Comment installer hig-components-layout

Installez rapidement le skill IA hig-components-layout dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 |

Directives Apple Human Interface pour les composants de mise en page et de navigation. Utilisez cette compétence lorsque l'utilisateur pose des questions sur la "barre latérale", la "vue fractionnée", la "barre d'onglets", la "vue d'onglets", la "vue de défilement", la "conception de fenêtres", le "panneau", la "vue de liste", la "vue de tableau", la "vue de colonnes", la "vue de plan", la "structure de navigation", la "mise en page de l'application", les "boîtes", les "ornements" ou l'organisation hiérarchique du contenu dans les applications Apple. À utiliser également lorsque l'utilisateur demande « comment dois-je organiser mon application », « quel modèle de navigation dois-je utiliser », « ma mise en page se casse sur iPad », « comment créer une barre latérale », « dois-je utiliser des onglets ou une barre latérale » ou « mon application ne s'adapte pas aux différentes tailles d'écran ». Références croisées : bases élevées pour les principes de mise en page/d'espacement, plates-formes élevées pour la navigation spécifique à la plate-forme, modèles élevés pour le multitâche et le plein écran, contenu à composants élevés pour l'affichage du contenu. Source : raintree-technology/apple-hig-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-20
Mis à jour
2026-03-10

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

Réponses rapides

Qu'est-ce que hig-components-layout ?

Directives Apple Human Interface pour les composants de mise en page et de navigation. Utilisez cette compétence lorsque l'utilisateur pose des questions sur la "barre latérale", la "vue fractionnée", la "barre d'onglets", la "vue d'onglets", la "vue de défilement", la "conception de fenêtres", le "panneau", la "vue de liste", la "vue de tableau", la "vue de colonnes", la "vue de plan", la "structure de navigation", la "mise en page de l'application", les "boîtes", les "ornements" ou l'organisation hiérarchique du contenu dans les applications Apple. À utiliser également lorsque l'utilisateur demande « comment dois-je organiser mon application », « quel modèle de navigation dois-je utiliser », « ma mise en page se casse sur iPad », « comment créer une barre latérale », « dois-je utiliser des onglets ou une barre latérale » ou « mon application ne s'adapte pas aux différentes tailles d'écran ». Références croisées : bases élevées pour les principes de mise en page/d'espacement, plates-formes élevées pour la navigation spécifique à la plate-forme, modèles élevés pour le multitâche et le plein écran, contenu à composants élevés pour l'affichage du contenu. Source : raintree-technology/apple-hig-skills.

Comment installer hig-components-layout ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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