К основному содержанию
скилл CX Codex

icon-retrieval — скилл для Claude Code: поиск иконок и SVG через curl

Ищет иконки по ключевому слову через HTTP API и вытаскивает их SVG-разметку запросом curl. Пригодится, когда странице или схеме нужны иконки без подключения библиотеки.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add antvis/chart-visualization-skills --skill icon-retrieval -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/icon-retrieval/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/icon-retrieval/

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →
setup-matt-pocock-skills Matt Pocock Скилл настраивает репозиторий для инженерных скиллов Matt Pocock: задаёт трекер задач, метки триажа и расположение доменной документации. Запустите его перед первым использованием остальных скиллов. 1 052 851установок ask-matt Matt Pocock Помогает выбрать подходящий скилл или рабочий поток из набора Matt Pocock. Пригодится, когда непонятно, с чего начать задачу: от идеи до разбора бага. 766 587установок to-tickets Matt Pocock Разбивает план, спецификацию или переписку на небольшие сквозные задачи и отмечает, какие из них блокируют остальные. Пригодится, когда нужно согласовать порядок работы до публикации задач в трекере. 711 230установок writing-plans Jesse Vincent Скилл превращает требования к многошаговой задаче в подробный план реализации до начала работы с кодом. Пригодится, когда исполнителю нужно зафиксировать файлы, интерфейсы и проверки. CX Codex 282 859установок caveman-review JuliusBrussee Пишет замечания к коду одной строкой: место, проблема, исправление. Пригодится, когда ревью диффа или PR надо пройти быстро и без воды. CX Codex +1 411 800установок caveman-compress JuliusBrussee Сжимает CLAUDE.md, списки задач и другие текстовые файлы в краткий формат, сохраняя читаемую резервную копию. CX Codex +1 411 500установок

Из того же набора4

Спонсоры проекта

Компании, которые помогают держать аналитику открытой