ux-spacing-layout
✓Utopia-Fluid-Abstands-Token und Layout-Muster. Zum Anwenden von Rändern, Abständen, Lücken oder zum Erstellen von Layouts. Deckt Raumskalierung, Containerbreiten und Reaktionsabstände ab. (Projekt)
Installation
SKILL.md
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.
Utopia-Fluid-Abstands-Token und Layout-Muster. Zum Anwenden von Rändern, Abständen, Lücken oder zum Erstellen von Layouts. Deckt Raumskalierung, Containerbreiten und Reaktionsabstände ab. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ux-spacing-layout?
Utopia-Fluid-Abstands-Token und Layout-Muster. Zum Anwenden von Rändern, Abständen, Lücken oder zum Erstellen von Layouts. Deckt Raumskalierung, Containerbreiten und Reaktionsabstände ab. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Wie installiere ich ux-spacing-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/matthewharwood/fantasy-phonics --skill ux-spacing-layout Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/matthewharwood/fantasy-phonics
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01