·ux-typography
*

ux-typography

matthewharwood/fantasy-phonics

Modèles de typographie utilisant l'échelle de type fluide Utopia avec des unités cqi. À utiliser lors de la définition des tailles de police, des hauteurs de ligne, des familles de polices ou du style du texte. Couvre l'affichage par rapport aux polices de corps, la hiérarchie et la lisibilité. (projet)

3Installations·0Tendance·@matthewharwood

Installation

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

SKILL.md

Fluid typography system using Utopia scale with container query inline (cqi) units. This skill covers font selection, sizing, and typographic hierarchy.

The project uses Utopia fluid scale with cqi units (container query inline). Sizes interpolate based on container width.

IMPORTANT: cqi units require container-type: inline-size on an ancestor. The project sets this on html.

Modèles de typographie utilisant l'échelle de type fluide Utopia avec des unités cqi. À utiliser lors de la définition des tailles de police, des hauteurs de ligne, des familles de polices ou du style du texte. Couvre l'affichage par rapport aux polices de corps, la hiérarchie et la lisibilité. (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-typography
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-typography ?

Modèles de typographie utilisant l'échelle de type fluide Utopia avec des unités cqi. À utiliser lors de la définition des tailles de police, des hauteurs de ligne, des familles de polices ou du style du texte. Couvre l'affichage par rapport aux polices de corps, la hiérarchie et la lisibilité. (projet) Source : matthewharwood/fantasy-phonics.

Comment installer ux-typography ?

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-typography 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