·ux-spacing-layout
*

ux-spacing-layout

matthewharwood/fantasy-phonics

Jetons d'espacement fluide et modèles de disposition Utopia. À utiliser lors de l'application de marges, d'un remplissage, d'espaces ou de la création de mises en page. Couvre l’échelle de l’espace, les largeurs des conteneurs et l’espacement réactif. (projet)

5Installations·0Tendance·@matthewharwood

Installation

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

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.

Jetons d'espacement fluide et modèles de disposition Utopia. À utiliser lors de l'application de marges, d'un remplissage, d'espaces ou de la création de mises en page. Couvre l’échelle de l’espace, les largeurs des conteneurs et l’espacement réactif. (projet) Source : matthewharwood/fantasy-phonics.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ux-spacing-layout ?

Jetons d'espacement fluide et modèles de disposition Utopia. À utiliser lors de l'application de marges, d'un remplissage, d'espaces ou de la création de mises en page. Couvre l’échelle de l’espace, les largeurs des conteneurs et l’espacement réactif. (projet) Source : matthewharwood/fantasy-phonics.

Comment installer ux-spacing-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/matthewharwood/fantasy-phonics --skill ux-spacing-layout Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

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

https://github.com/matthewharwood/fantasy-phonics