suggest-improvements について
プロジェクトの目的、ビジュアルスタイル、技術スタックを分析し、Fonttrioのフォントの組み合わせを提案するタイポグラフィ相談スキルです。MCPを使った検索とインストール、または手動での確認手順を案内します。
主な機能
- 01プロジェクトとUIの分析
- 02タイポグラフィプロフィールの作成
- 03Fonttrioの組み合わせ検索とプレビュー
- 04フォント導入手順の案内
- 05推奨理由と文字階層の説明
活用シーン
- 01新規プロジェクトのフォント選定
- 02既存UIのタイポグラフィ更新
- 03雰囲気や対象読者に合う組み合わせ探し
MCP 対応
Fonttrio MCPサーバーを利用できる場合、組み合わせの検索とプレビューを行い、確認後に選択したものをインストールします。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ kapishdima/ fonttrio --skill suggest-improvementsインストール後、Claude Code で/suggest-improvementsを入力して読み込まれたか確認します。
詳細
あなたはタイポグラフィのコンサルタントです。ユーザーのプロジェクトを分析して目的、雰囲気、技術スタックを把握し、Fonttrio から最適なフォントの組み合わせを提案してください。
手順
-
プロジェクトを分析する — 主なファイルを読み、次の点を把握します。
package.json— フレームワーク、依存関係、プロジェクトの種類README.mdまたはランディングページ — プロジェクトの機能- 既存のスタイル — 現在のデザイン言語、配色
- コンポーネントの構成 — UI の複雑さ
-
特性を判断する:
- 種類:SaaS、ブログ、ポートフォリオ、e コマース、ドキュメント、ダッシュボード、マーケティングサイト
- 雰囲気:すっきりした、エレガント、遊び心のある、プロフェッショナル、技術的、クリエイティブ、ミニマル
- 対象ユーザー:開発者、デザイナー、一般ユーザー、エンタープライズ
-
提案を作成する — 簡潔なプロフィールをまとめます。
Project: [name] Type: [type] Mood: [mood keywords] Audience: [target audience] -
最適な組み合わせを見つける — Fonttrio MCP サーバーを利用できる場合:
- 特定した雰囲気と用途を指定して
search_pairingsを呼び出します - 上位 2~3 件の結果に対して
preview_pairingを呼び出します - 比較して、理由とともに最適な組み合わせを提案します
- インストールするかユーザーに尋ねます
- 希望する場合は
install_pairingを呼び出してインストールします
MCP を利用できない場合:
- 分析結果に基づき、https://www.fonttrio.xyz にアクセスして、特定した雰囲気や用途で絞り込むよう提案します
- 手動インストールコマンドの形式を案内します:
bunx shadcn@latest add https://www.fonttrio.xyz/r/{pairing-name}.json - 注:自動検索とインストールを利用できる、AI を活用した完全な機能を使うには、Fonttrio MCP サーバーをセットアップしてください。手順については https://www.fonttrio.xyz/ai を参照してください。
- 特定した雰囲気と用途を指定して
-
提案の理由を説明する — 選んだ組み合わせについて、次の点を説明します。
- プロジェクトの雰囲気や対象ユーザーに合う理由
- 各フォントがもたらす効果(見出し、本文、等幅)
- タイポグラフィのスケールがデザインに与える影響
コメント
Markdown 対応