ux-typography
✓cqi ユニットを備えた Utopia 流体タイプ スケールを使用したタイポグラフィ パターン。フォント サイズ、行の高さ、フォント ファミリー、またはテキスト スタイルを設定するときに使用します。表示フォントと本文フォント、階層、読みやすさについて説明します。 （プロジェクト）
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.
cqi ユニットを備えた Utopia 流体タイプ スケールを使用したタイポグラフィ パターン。フォント サイズ、行の高さ、フォント ファミリー、またはテキスト スタイルを設定するときに使用します。表示フォントと本文フォント、階層、読みやすさについて説明します。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-typography- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ux-typography とは？
cqi ユニットを備えた Utopia 流体タイプ スケールを使用したタイポグラフィ パターン。フォント サイズ、行の高さ、フォント ファミリー、またはテキスト スタイルを設定するときに使用します。表示フォントと本文フォント、階層、読みやすさについて説明します。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
ux-typography のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-typography インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01