typography
✓プロのタイポグラフィ原則を適用して、読みやすく、階層的で、美しく洗練されたインターフェイスを作成します。文字スケールの設定、フォントの選択、間隔の調整、テキストの多いレイアウトのデザイン、ダーク モード タイポグラフィの実装、または読みやすさ、フォントの組み合わせ、行の高さ、メジャー、タイポグラフィの階層、可変フォント、フォントの読み込み、または OpenType 機能について尋ねられる場合に使用します。
SKILL.md
Professional typography for user interfaces, grounded in principles from the masters.
| masters.md | Seeking authoritative backing, making nuanced judgments, understanding "why" | | variable-fonts.md | Using variable fonts, fluid weight, performance optimization | | font-loading.md | FOIT/FOUT issues, preloading, Core Web Vitals, self-hosting | | opentype-features.md | Ligatures, tabular numbers, stylistic sets, slashed zero |
| fluid-typography.md | clamp(), text-wrap, truncation, vertical rhythm, font smoothing | | tailwind-integration.md | Tailwind typography utilities, prose plugin, customization | | internationalization.md | RTL languages, Arabic/Hebrew, CJK, bidirectional text |
プロのタイポグラフィ原則を適用して、読みやすく、階層的で、美しく洗練されたインターフェイスを作成します。文字スケールの設定、フォントの選択、間隔の調整、テキストの多いレイアウトのデザイン、ダーク モード タイポグラフィの実装、または読みやすさ、フォントの組み合わせ、行の高さ、メジャー、タイポグラフィの階層、可変フォント、フォントの読み込み、または OpenType 機能について尋ねられる場合に使用します。 ソース: petekp/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/petekp/agent-skills --skill typography- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
typography とは？
プロのタイポグラフィ原則を適用して、読みやすく、階層的で、美しく洗練されたインターフェイスを作成します。文字スケールの設定、フォントの選択、間隔の調整、テキストの多いレイアウトのデザイン、ダーク モード タイポグラフィの実装、または読みやすさ、フォントの組み合わせ、行の高さ、メジャー、タイポグラフィの階層、可変フォント、フォントの読み込み、または OpenType 機能について尋ねられる場合に使用します。 ソース: petekp/agent-skills。
typography のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petekp/agent-skills --skill typography インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/petekp/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01