/icon-retrieval
Search icons through HTTP API and retrieve SVG strings with curl.
$ npx -y skills add antvis/chart-visualization-skills --skill icon-retrieval --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/icon-retrieval
Context preview
The summary Claude sees to decide when to auto-load this skill.
Search icons through HTTP API and retrieve SVG strings with curl.
SKILL.md
icon-retrieval.SKILL.mdname: icon-retrieval description: Search icons through HTTP API and retrieve SVG strings with curl.
Icon Search
Use the icon HTTP API directly with `curl`.
API
Search Endpoint
- **Method**: `GET`
- **URL**: `https://lab.weavefox.cn/api/v1/infographic/icon`
- **Query params**:
- `text` (required): search keyword, e.g. `"data analysis"`
- `topK` (optional): number of icons to fetch (1-20), default `5`
Example:
curl -sS -L --max-time 20 "https://lab.weavefox.cn/api/v1/infographic/icon?text=document&topK=5"
Typical response:
{
"success": true,
"data": [
"https://example.com/icon1.svg",
"https://example.com/icon2.svg"
]
}Retrieve SVG Content
curl -sS -L --max-time 20 "https://example.com/icon1.svg"
Workflow
1. Determine the icon concept keyword (for example: `security`, `document`, `data`). 2. Search icon URLs using the API endpoint. 3. Use `curl` to fetch the SVG content of selected URLs. 4. Use SVG directly in pages, diagrams, or infographic materials.
Notes
- Use URL encoding for special characters in `text`.
- `topK` range is 1–20; if omitted, the service returns up to 5 results.
- For network issues, retry with a smaller `topK` or verify endpoint accessibility.
Turning data into a visual language for better thinking. AntV , initiated by Ant Group and open-sourced starting in 2017, reimagines data visualization by embedding the theory of graphical grammar into the JavaScript language.
Repo: antvis/chart-visualization-skills
Other skills on chart-visualization-skills.
- /antv-g2-chart
Use this skill whenever the user wants to create, customize, or troubleshoot G2 v5 chart visualizations. Triggers include: any mention of 'G2', 'antv g2', '@antv/g2', 'G2 chart', 'G2 可视化', or requests to produce charts like bar charts (柱状图), line charts (折线图), pie charts (饼图),
Open skill - /antv-g6-graph
Use this skill whenever the user wants to create, customize, or troubleshoot G6 v5 graph/network visualizations. Triggers include: any mention of 'G6', 'antv g6', '@antv/g6', 'G6 graph', 'G6 图', '网络图', '关系图', '拓扑图', '树形图', '流程图', '思维导图', '鱼骨图', '力导向图', 'force graph', 'network
Open skill - /antv-x6-editor
Use this skill whenever the user wants to create, customize, or troubleshoot X6 v3 graph editor diagrams. Triggers include: any mention of 'X6', 'antv x6', '@antv/x6', 'X6 editor', 'X6 图编辑', '流程图', 'DAG', 'ER图', '实体关系图', '血缘图', '组织架构图', 'UML类图', 'flowchart', 'DAG diagram', 'ER
Open skill - /chart-visualization
将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能,通过 curl 工具调用 AntV API 生成图表图片
Open skill - /gpt-vis
推荐并生成合适的数据可视化图表,使用 GPT-Vis 库。支持两种输出模式:(1)语法模式——生成 Syntax 或 JSON 配置;(2)代码模式——生成完整的运行代码。支持 26 种图表类型。
Open skill - /infographic-creator
Create beautiful infographics based on given text content. Use when users request to create infographics.
Open skill

