icon-retrieval について
icon-retrievalは、HTTP検索APIでアイコンを探し、curlでSVGファイルを取得するスキルです。キーワード選びからビジュアル素材へのSVG利用までの手順を示します。
主な機能
- 01キーワードによるアイコン検索
- 02topKによる取得件数の指定
- 03curlでのSVG取得
- 04ページや図でのSVG利用
活用シーン
- 01ページ用のドキュメントアイコン探し
- 02図表用アイコンの取得
- 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"
ワークフロー
- アイコンの概念を表すキーワードを決めます(例:
security、document、data)。 - API エンドポイントを使用してアイコンの URL を検索します。
curlを使用して、選択した URL の SVG コンテンツを取得します。- ページ、図、インフォグラフィックの素材に SVG をそのまま使用します。
注意事項
text内の特殊文字には URL エンコーディングを使用してください。topKの範囲は 1~20 です。省略すると、サービスは最大 5 件の結果を返します。- ネットワークに問題がある場合は、
topKを小さくして再試行するか、エンドポイントにアクセスできることを確認してください。
コメント
Markdown 対応