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.
ユートピアの流体間隔トークンとレイアウト パターン。マージン、パディング、ギャップを適用する場合、またはレイアウトを作成する場合に使用します。スペーススケール、コンテナ幅、レスポンシブスペースをカバーします。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ux-spacing-layout とは？
ユートピアの流体間隔トークンとレイアウト パターン。マージン、パディング、ギャップを適用する場合、またはレイアウトを作成する場合に使用します。スペーススケール、コンテナ幅、レスポンシブスペースをカバーします。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
ux-spacing-layout のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01