mcpField
I
icon-retrieval

icon-retrieval

github.com/antvis设计与 UI5161.6k 次安装5 周前更新
代码仓库

关于 icon-retrieval

icon-retrieval 是通过 HTTP 搜索 API 查找图标并用 curl 获取 SVG 文件的技能,涵盖从选择关键词到在视觉材料中使用 SVG 的流程。

主要功能

  1. 01按关键词搜索图标
  2. 02用 topK 设置结果数量
  3. 03通过 curl 获取 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

搜索端点
  • 方法: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 重试,或确认端点是否可访问。

评论

支持 Markdown