·hig-components-layout
</>

hig-components-layout

Linee guida di Apple Human Interface per i componenti di layout e navigazione. Utilizza questa abilità quando l'utente chiede informazioni su "barra laterale", "vista divisa", "barra schede", "vista scheda", "vista scorrimento", "design finestra", "pannello", "vista elenco", "vista tabella", "vista colonna", "vista struttura", "struttura di navigazione", "layout app", "riquadri", "ornamenti" o organizzando gerarchicamente i contenuti nelle app Apple. Da utilizzare anche quando l'utente dice "come dovrei organizzare la mia app", "quale schema di navigazione dovrei usare", "il mio layout si interrompe su iPad", "come faccio a creare una barra laterale", "devo usare le schede o una barra laterale" o "la mia app non si adatta alle diverse dimensioni dello schermo". Riferimenti incrociati: basi elevate per principi di layout/spaziatura, piattaforme elevate per la navigazione specifica della piattaforma, modelli elevati per multitasking e schermo intero, contenuti ad alta componentistica per la visualizzazione dei contenuti.

42Installazioni·3Tendenza·@raintree-technology

Installazione

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

Come installare hig-components-layout

Installa rapidamente la skill AI hig-components-layout nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

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

Linee guida di Apple Human Interface per i componenti di layout e navigazione. Utilizza questa abilità quando l'utente chiede informazioni su "barra laterale", "vista divisa", "barra schede", "vista scheda", "vista scorrimento", "design finestra", "pannello", "vista elenco", "vista tabella", "vista colonna", "vista struttura", "struttura di navigazione", "layout app", "riquadri", "ornamenti" o organizzando gerarchicamente i contenuti nelle app Apple. Da utilizzare anche quando l'utente dice "come dovrei organizzare la mia app", "quale schema di navigazione dovrei usare", "il mio layout si interrompe su iPad", "come faccio a creare una barra laterale", "devo usare le schede o una barra laterale" o "la mia app non si adatta alle diverse dimensioni dello schermo". Riferimenti incrociati: basi elevate per principi di layout/spaziatura, piattaforme elevate per la navigazione specifica della piattaforma, modelli elevati per multitasking e schermo intero, contenuti ad alta componentistica per la visualizzazione dei contenuti. Fonte: raintree-technology/apple-hig-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-20
Aggiornato
2026-03-10

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

Risposte rapide

Che cos'è hig-components-layout?

Linee guida di Apple Human Interface per i componenti di layout e navigazione. Utilizza questa abilità quando l'utente chiede informazioni su "barra laterale", "vista divisa", "barra schede", "vista scheda", "vista scorrimento", "design finestra", "pannello", "vista elenco", "vista tabella", "vista colonna", "vista struttura", "struttura di navigazione", "layout app", "riquadri", "ornamenti" o organizzando gerarchicamente i contenuti nelle app Apple. Da utilizzare anche quando l'utente dice "come dovrei organizzare la mia app", "quale schema di navigazione dovrei usare", "il mio layout si interrompe su iPad", "come faccio a creare una barra laterale", "devo usare le schede o una barra laterale" o "la mia app non si adatta alle diverse dimensioni dello schermo". Riferimenti incrociati: basi elevate per principi di layout/spaziatura, piattaforme elevate per la navigazione specifica della piattaforma, modelli elevati per multitasking e schermo intero, contenuti ad alta componentistica per la visualizzazione dei contenuti. Fonte: raintree-technology/apple-hig-skills.

Come installo hig-components-layout?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-layout Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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