Better Icons

Установка

npx skillfoxx add mcp/better-icons

claude mcp add --transport stdio better-icons -- npx -y better-icons

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

code --add-mcp '{"name":"better-icons","type":"stdio","command":"npx","args":["-y","better-icons"]}'

{
  "servers": {
    "better-icons": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

codex mcp add better-icons -- npx -y better-icons

[mcp_servers.better-icons]
command = "npx"
args = ["-y", "better-icons"]

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcp": {
    "better-icons": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "context_servers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

{
  "mcpServers": {
    "better-icons": {
      "command": "npx",
      "args": [
        "-y",
        "better-icons"
      ]
    }
  }
}

npx skills add better-auth/better-icons

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Инструмент дает агенту доступ к каталогу Iconify: поиск по 150+ коллекциям, получение SVG по идентификатору вида prefix:name, список коллекций и подбор иконки под задачу. Иконки можно записывать прямо в файл иконок проекта в форматах tsx, ts или js, а не вставлять SVG в переписку, что экономит токены. Есть пакетная выдача, поиск похожих иконок в других коллекциях и запоминание тех, что вы уже использовали. Работает тремя способами: как MCP-сервер для агентов, как CLI в терминале и как скилл с файлом SKILL.md. Ключ и учетная запись не нужны, экспорт поддерживает React, Vue, Svelte, Solid и чистый SVG.

Для кого. Для фронтенд-разработчиков и дизайнеров, которым нужны иконки под проект без ручного поиска на сайтах.

Пример запроса к агенту

Найди иконку корзины в коллекции lucide и вставь ее в мой файл иконок

Ограничения

Инструмент опирается на данные Iconify, поэтому нужен доступ к сети. Иконки подчиняются лицензиям своих коллекций, это стоит проверять перед использованием в продукте. Своих иконок инструмент не рисует, только выдает то, что есть в каталоге.

Как отключить. Удалите запись better-icons из конфигурации MCP, снимите глобальный пакет через npm uninstall -g better-icons или уберите папку скилла.

MCP

Транспорт

stdio

Авторизация

не нужна

Проверка безопасности

• Пишет файлы иконок в проект и обращается к сети за данными Iconify

Коротко о README

README описывает инструмент для поиска и получения более чем 200 000 иконок из 150+ коллекций Iconify, который работает как MCP-сервер, CLI и скилл. Быстрый старт предлагает добавить скилл через npx skills add, настроить MCP командой npx better-icons setup или поставить CLI глобально. Перечислены инструменты MCP: search_icons, get_icon, list_collections, recommend_icons и просмотр предпочтений. Отдельно описана запись иконок прямо в файл проекта, пакетная выдача, поиск похожих и запоминание использованных коллекций. Приведены фрагменты ручной настройки для Cursor, Claude Code и других клиентов, лицензия MIT.

Похожие