Keyline Icons MCP
MCP-сервер набора Keyline Icons: агент ищет иконку по имени, берет SVG и готовый импорт React без угадывания названий
- 188 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Сервер только отдает данные набора из пакета, ничего не пишет и не ходит в сеть
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/keyline-icons-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Сервер только отдает данные набора из пакета, ничего не пишет и не ходит в сеть
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Пакет `@keyline-icons/mcp` открывает агенту набор из 1692 бесплатных иконок под лицензией MIT: 13 536 SVG в четырех начертаниях, со скругленными и острыми углами, на одной сетке 24×24. Сеть и ключ API не нужны, весь набор лежит внутри пакета. Четыре инструмента: `describe_set` сообщает число иконок, стили и правило, какие стили у каких иконок есть, и вызывается первым. `search_icons` ищет по имени и показывает доступные стили, `get_icon` отдает исходный SVG выбранного стиля и типа углов, `get_react_usage` выдает строку импорта и JSX из `@keyline-icons/react`. Поиск ранжирует точное совпадение выше префикса, префикс выше границы слова. Опечатка находится по подстроке и расстоянию редактирования: `chekc` приведет к `check`. Отсутствующий стиль возвращается ответом, ошибки нет: у иконки `bar-chart` нет заливки, потому что нет замкнутой области, и сервер говорит это прямо.
Для кого. Фронтенд-разработчикам на React и shadcn/ui, которые поручают агенту вставлять иконки и не хотят правок из-за выдуманных имен.
Подходит, если
- Агент собирает интерфейс на React и подбирает иконки к кнопкам, меню и статусам
- Нужна иконка в определенном начертании, например duotone с острыми углами, и надо узнать, существует ли она
- В проекте набор иконок встраивают как исходный SVG без зависимости от пакета
- Название иконки неизвестно и приходится искать по смыслу: письмо с галочкой, стрелка в квадрате
Не подходит, если
- Нужны иконки, нарисованные под ваш продукт: набор общий, для своих знаков у авторов отдельная услуга
- Проект на Vue или Svelte: сервер возвращает импорты для React, остальное закрывают Iconify и CLI
- Нужна анимированная или цветная графика: набор состоит из контурных, двухтонных и залитых знаков
Пример запроса к агенту
Подбери через keyline-icons иконки для меню настроек: профиль, уведомления, оплата, выход. Дай SVG в стиле fill с острыми углами и строки импорта для ReactMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
- Сервер возвращает только данные набора Keyline Icons. Другие библиотеки иконок он не видит.
- Строка импорта и JSX рассчитаны на `@keyline-icons/react`. Для Vue, Svelte, Solid и веб-компонентов набор подключают через Iconify.
- Стиль есть не у каждой иконки: заливка и duotone требуют замкнутой области, и сервер прямо сообщает об отсутствии стиля.
- Данные обновляются вместе с версией пакета, а новые иконки появляются после его релиза.
Как отключить. Выполните `claude mcp remove keyline-icons`. В других клиентах удалите запись keyline-icons из блока `mcpServers`. Пакет скачивается через `npx`, отдельного удаления не требуется.
Частые вопросы
Как подключить Keyline Icons к Claude Code?
Выполните `claude mcp add keyline-icons -- npx -y @keyline-icons/mcp`. Ключ и сеть не нужны: набор лежит внутри пакета.
Чем сервер отличается от установки иконок через shadcn?
Через реестр shadcn файлы иконок копируют в проект по одному. Сервер отвечает на вопросы агента: какая иконка есть, какой у нее стиль и какой импорт писать. Оба способа работают вместе.
Что делать, если имя иконки введено с опечаткой?
Сервер подберет ближайшее: сначала по подстроке, затем по расстоянию редактирования и по первому сегменту имени. `arow` подскажет семейство `arrow-*`.
Какие стили есть у иконок?
Контур, двухтонный, duotone и заливка, каждый со скругленными или острыми углами. Не у всех иконок есть все стили, `describe_set` описывает правило.
Можно ли использовать иконки вне React?
Да. Набор есть на Iconify под именем `keyline-icons` для Vue, Svelte, Solid и веб-компонентов, а CLI `@keyline-icons/cli` кладет SVG в проект без зависимости.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер ищет иконку coolicons по смыслу и отдает SVG с готовым импортом: агент не выдумывает имена, сборка не падает
Поиск и вставка иконок из более чем 150 коллекций Iconify как MCP-сервер, CLI и скилл, с записью SVG прямо в файл проекта
MCP-сервер и скилл для набора из тысяч брендовых SVG-иконок: агент ищет и вставляет иконки без ключа
MCP-сервер и CDN с иконками сервисов: подбирает логотипы к docker-compose.yml и отдает SVG, PNG и WEBP
MCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Коротко о README
Файл пакета объясняет установку одной командой для Claude Code и блоком конфигурации для других клиентов, затем перечисляет четыре инструмента. Отдельный раздел обосновывает их устройство: угадываемые, но не очевидные имена, отсутствие стиля как полноценный ответ и поиск с опечатками. В конце ссылка на заказ собственных наборов.