icon-retrieval — скилл для Claude Code: поиск иконок и SVG через curl
Ищет иконки по ключевому слову через HTTP API и вытаскивает их SVG-разметку запросом curl. Пригодится, когда странице или схеме нужны иконки без подключения библиотеки.
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a claude-codeЧто делает icon-retrieval
Скилл даёт агенту один маршрут к иконкам: эндпоинт https://www.weavefox.cn/api/v1/infographic/icon, который принимает GET с параметром text. Второй параметр, topK, задаёт, сколько результатов вернуть, от 1 до 20. По умолчанию сервис отдаёт 5.
Ответ приходит JSON-ом со списком ссылок на SVG. Дальше агент берёт нужные адреса и тянет их содержимое тем же curl с таймаутом, после чего вставляет разметку прямо в страницу, схему или инфографику. Промежуточных файлов и библиотек нет: всё держится на двух запросах.
Спецсимволы в text надо кодировать по правилам URL. Если сеть подводит, скилл советует повторить запрос с меньшим topK или проверить доступность эндпоинта. Без доступа к weavefox.cn поиск не заработает вообще, так что в закрытом контуре этот скилл бесполезен.
Какие задачи решает
- найти иконку по смыслу и получить её SVG без ручного скачивания
- вставить готовую иконку в схему или инфографику
- подобрать несколько иконок по одному ключевому слову за раз
- добавить иконки на страницу без подключения иконочного шрифта
Примеры запросов агенту
- Найди иконку для «data analysis» через icon-retrieval и покажи SVG
- Подбери 3 иконки со словом security и вставь их в макет схемы
- Скачай SVG иконки document и положи её инлайн в HTML-страницу
Как установить icon-retrieval
1Через Skills CLI (Vercel)
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a claude-code2Вручную: положить файлы
~/.claude/skills/icon-retrieval/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/icon-retrieval/
1Через Skills CLI (Vercel)
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a codex2Вручную: положить файлы
.agents/skills/icon-retrieval/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a cursor2Вручную: положить файлы
.cursor/skills/icon-retrieval/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install antvis/chart-visualization-skills icon-retrieval2Вручную: положить файлы
.github/skills/icon-retrieval/SKILL.md1Через Skills CLI (Vercel)
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a gemini-cli2Командой платформы
gemini skills install https://github.com/antvis/chart-visualization-skills --path skills/icon-retrievalВручную: положить файлы
.devin/skills/icon-retrieval/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о icon-retrieval
Как установить icon-retrieval в Claude Code?
Выполните npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a claude-code, файл скилла окажется по пути ~/.claude/skills/icon-retrieval/SKILL.md.
Что делает icon-retrieval?
Ищет иконки по ключевому слову через HTTP API и возвращает ссылки на SVG, которые агент скачивает через curl.
Сколько иконок можно запросить за раз?
Параметр topK принимает значения от 1 до 20. Если его не передать, сервис вернёт до 5 результатов.
Исходный текст
SKILL.md · MIT
---
name: 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://www.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:
```bash
curl -sS -L --max-time 20 "https://www.weavefox.cn/api/v1/infographic/icon?text=document&topK=5"
```
Typical response:
```json
{
"success": true,
"data": [
"https://example.com/icon1.svg",
"https://example.com/icon2.svg"
]
}
```
### Retrieve SVG Content
```bash
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.
© antvis · MIT · antvis/chart-visualization-skills