mcpField
F
fa-help

fa-help

github.com/fortawesome開発4511 回インストール17 週間前に更新
リポジトリ

fa-help について

Font Awesome に関する質問にドキュメントを基に回答するスキルです。関連する公式ページを取得して内容をまとめ、古くなり得る学習データに頼らず出典を示します。

主な機能

  1. 01ドキュメント索引の検索
  2. 02関連する公式ページの取得
  3. 03最新ドキュメントに基づく回答
  4. 04参照ページの引用
  5. 05関連スキルの案内

活用シーン

  1. 01Font Awesome の導入に関する疑問の解決
  2. 02アイコン機能の使い方の確認
  3. 03回答の公式情報源の特定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/fortawesome/fontawesome-agent-tools --skill fa-help

インストール後、Claude Code で/fa-helpを入力して読み込まれたか確認します。

詳細

Font Awesome に関する質問には、公式ドキュメントを取得して引用しながら回答します。このスキルでは、古くなっている可能性のあるトレーニングデータに頼らず、信頼できる最新バージョンの情報に基づいて回答します。

ドキュメントの参照元

Font Awesome は、LLM に適したドキュメントを https://docs.fontawesome.com で公開しています。/llms.txt のインデックスには、利用可能なすべてのページが記載されています。各ページは、見出し、表、コード例を含む自己完結型の Markdown ファイルです。

手順

  1. ドキュメントのインデックスを取得します。 WebFetch を使って https://docs.fontawesome.com/llms.txt を取得します。このファイルには、すべてのドキュメントページの URL と簡単な説明が記載されています。「このファイルの内容をすべて、原文どおりに返してください。すべての URL と説明を確認する必要があります。」のようなプロンプトを使用してください。

  2. 関連するページを特定します。 ユーザーの質問を読み、llms.txt のインデックスを確認して、最も関連性の高いドキュメント URL を探します。URL は .md で終わり、パスの構造から内容がわかるようになっています（例：/web/setup/use-kit.md、/web/style/animate.md、/web/use-with/react/troubleshoot.md）。多くの質問は、1～2 ページを参照すれば回答できます。質問が複数のトピックにまたがる場合は、最も具体的なページを優先してください。

  3. ドキュメントページを取得します。 前の手順で特定した関連する Markdown ページを WebFetch で取得します。最も具体的なページを先に取得してください。回答に別のページの情報も必要な場合は、そのページも取得します。ただし、質問ごとに取得するページは最大 3 ページにしてください。

    取得時には、「このドキュメントページの全文を Markdown 形式で返してください。すべての見出し、コードブロック、表をそのまま保持してください。」のようなプロンプトを使用してください。

  4. 回答をまとめます。 取得したドキュメントを主な情報源として、次のように回答します。

    • ユーザーの質問に、簡潔かつ直接答えます。
    • ドキュメントに関連するコード例があれば含め、可能であればユーザーの状況に合わせて調整します。
    • ユーザーのプロジェクトに .font-awesome.md ファイルがある場合は、使用している連携方法、バージョン、ライセンスに合わせて回答します。
    • ドキュメントに複数の方法が記載されている場合は、ユーザーのプロジェクトに最も適した方法を推奨します。

  5. 情報源を引用します。 回答の最後に、参照したドキュメントページへのリンクを含めます。.md URL から拡張子を削除して、Web URL に変換してください。たとえば、次のようにします。

    情報源：キットを使用する

  6. 関連するスキルを案内します。 回答からユーザーが次の操作に進めそうな場合は、関連するスキルを案内してください。

    • アイコンの追加方法を尋ねている場合 → /add-icon を案内します
    • Font Awesome の設定方法を尋ねている場合 → /setup-fa を案内します
    • 適切なアイコンを探している場合 → /suggest-icon を案内します

ガイドライン

  • SVG マークアップをそのまま出力しないでください。 Font Awesome アイコンの生の <svg> 出力を求められた場合は、自身の知識やトレーニングデータから生成せず、Font Awesome API から信頼できる SVG マークアップを取得できる /add-icon を案内してください。
  • 必ずドキュメントを取得してください。 記憶だけを頼りに回答しないでください。ドキュメントは信頼できる情報源であり、トレーニングデータとは異なる v7 固有の情報が含まれている可能性があります。
  • 質問の範囲を守ってください。 このスキルは Font Awesome に関する質問に回答します。質問が Font Awesome と無関係な一般的な CSS、JavaScript、フレームワークに関するものであれば、その旨を伝え、ドキュメントを取得せずに簡潔に回答してください。
  • 不明点は正直に伝えてください。 ドキュメントで質問内容が扱われていない場合は、その旨を伝えてください。回答を捏造しないでください。
  • ユーザーの連携方法を尊重してください。 .font-awesome.md が存在する場合は、汎用的なコードではなく、ユーザーの設定に合わせた例を提示してください。

コメント

Markdown 対応