mcpField
I
icon-retrieval

icon-retrieval

github.com/antvisデザイン・UI5161.6k 回インストール5 週間前に更新
リポジトリ

icon-retrieval について

icon-retrievalは、HTTP検索APIでアイコンを探し、curlでSVGファイルを取得するスキルです。キーワード選びからビジュアル素材へのSVG利用までの手順を示します。

主な機能

  1. 01キーワードによるアイコン検索
  2. 02topKによる取得件数の指定
  3. 03curlでのSVG取得
  4. 04ページや図でのSVG利用

活用シーン

  1. 01ページ用のドキュメントアイコン探し
  2. 02図表用アイコンの取得
  3. 03インフォグラフィック用SVGの収集

インストール

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

$npx skills add https://github.com/antvis/chart-visualization-skills --skill icon-retrieval

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

詳細

アイコン検索

curl でアイコン HTTP API を直接使用します。

API

検索エンドポイント
  • Method:GET
  • URL:https://www.weavefox.cn/api/v1/infographic/icon
  • クエリパラメーター:
    • text(必須):検索キーワード。例:"data analysis"
    • topK(任意):取得するアイコン数(1~20)。デフォルトは 5

例:

curl -sS -L --max-time 20 "https://www.weavefox.cn/api/v1/infographic/icon?text=document&topK=5"

一般的なレスポンス:

{
  "success": true,
  "data": [
    "https://example.com/icon1.svg",
    "https://example.com/icon2.svg"
  ]
}
SVG コンテンツの取得
curl -sS -L --max-time 20 "https://example.com/icon1.svg"

ワークフロー

  1. アイコンの概念を表すキーワードを決めます(例:security、document、data)。
  2. API エンドポイントを使用してアイコンの URL を検索します。
  3. curl を使用して、選択した URL の SVG コンテンツを取得します。
  4. ページ、図、インフォグラフィックの素材に SVG をそのまま使用します。

注意事項

  • text 内の特殊文字には URL エンコーディングを使用してください。
  • topK の範囲は 1~20 です。省略すると、サービスは最大 5 件の結果を返します。
  • ネットワークに問題がある場合は、topK を小さくして再試行するか、エンドポイントにアクセスできることを確認してください。

コメント