typography-system
✓フォントの選択、文字スケール、階層、読みやすさ、アクセシビリティを備えたタイポグラフィ デザインをマスターします。すべてのデバイスとコンテキストで機能する、一貫した美しいタイポグラフィを作成します。モジュール式スケール、滑らかなタイポグラフィ、可変フォント、アクセシビリティのベスト プラクティスが含まれます。
SKILL.md
Typography is the voice of your interface. It communicates hierarchy, establishes tone, and guides users through your content. Great typography is invisible—users don't notice it because it works so well.
This skill teaches you to think about typography systematically: choosing fonts with intention, creating scales that feel natural, establishing clear hierarchy, and ensuring readability and accessibility across all contexts.
Rather than choosing font sizes arbitrarily, use a modular scale—a mathematical progression of sizes that feels harmonious and intentional.
フォントの選択、文字スケール、階層、読みやすさ、アクセシビリティを備えたタイポグラフィ デザインをマスターします。すべてのデバイスとコンテキストで機能する、一貫した美しいタイポグラフィを作成します。モジュール式スケール、滑らかなタイポグラフィ、可変フォント、アクセシビリティのベスト プラクティスが含まれます。 ソース: sanky369/vibe-building-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sanky369/vibe-building-skills --skill typography-system- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
typography-system とは？
フォントの選択、文字スケール、階層、読みやすさ、アクセシビリティを備えたタイポグラフィ デザインをマスターします。すべてのデバイスとコンテキストで機能する、一貫した美しいタイポグラフィを作成します。モジュール式スケール、滑らかなタイポグラフィ、可変フォント、アクセシビリティのベスト プラクティスが含まれます。 ソース: sanky369/vibe-building-skills。
typography-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sanky369/vibe-building-skills --skill typography-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sanky369/vibe-building-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01