·ux-spacing-layout
*

ux-spacing-layout

Gettoni di spaziatura fluida e modelli di layout di Utopia. Da utilizzare quando si applicano margini, spazi vuoti o si creano layout. Copre la scala spaziale, le larghezze dei contenitori e la spaziatura reattiva. (progetto)

9Installazioni·0Tendenza·@matthewharwood

Installazione

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout

Come installare ux-spacing-layout

Installa rapidamente la skill AI ux-spacing-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/matthewharwood/fantasy-phonics --skill ux-spacing-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: matthewharwood/fantasy-phonics.

Fluid spacing system using Utopia scale with container query inline (cqi) units. This skill covers spacing tokens, layout patterns, and visual rhythm.

The project uses Utopia fluid spacing with cqi units. Sizes interpolate based on container width.

IMPORTANT: cqi units require container-type: inline-size on an ancestor.

Gettoni di spaziatura fluida e modelli di layout di Utopia. Da utilizzare quando si applicano margini, spazi vuoti o si creano layout. Copre la scala spaziale, le larghezze dei contenitori e la spaziatura reattiva. (progetto) Fonte: matthewharwood/fantasy-phonics.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from matthewharwood/fantasy-phonics

Risposte rapide

Che cos'è ux-spacing-layout?

Gettoni di spaziatura fluida e modelli di layout di Utopia. Da utilizzare quando si applicano margini, spazi vuoti o si creano layout. Copre la scala spaziale, le larghezze dei contenitori e la spaziatura reattiva. (progetto) Fonte: matthewharwood/fantasy-phonics.

Come installo ux-spacing-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/matthewharwood/fantasy-phonics --skill ux-spacing-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/matthewharwood/fantasy-phonics