mcpField
S
Supericons MCP

Supericons MCP

远程服务
github.com/curlymolelabs开发工具214 周前更新
代码仓库

关于 Supericons MCP

Supericons MCP 帮助编码 Agent 按含义跨 11 个图标库查找和使用 SVG 图标。其 MCP 工具支持语义搜索、图标集推荐、获取图标和视觉预览。

主要功能

  1. 01按含义和描述搜索图标
  2. 02为最多 20 个 UI 位置推荐图标
  3. 03按图标 ID 和库获取 SVG
  4. 04预览并比较搜索结果
  5. 05列出 11 个可用图标库

适用场景

  1. 01为 UI 概念查找图标
  2. 02为指定 UI 位置选择协调的图标集
  3. 03直观比较候选图标

MCP 相关

它向 MCP 客户端提供图标搜索、推荐、获取、预览和库列表工具。客户端可连接托管端点,也可在本地运行 npm MCP 运行时。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.supericons.dev/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

安装包
npm@supericons/mcp0.4.22

工具

13
参数类型必填说明
librarystring否按免费图标库筛选:lucide、tabler、phosphor、heroicons、bootstrap、iconoir、ionicons、material、simpleicons 或 mingcute
limitnumber否最大结果数(1–50,默认值为 10)
localeenum否多语言搜索词的可选区域设置。支持的值:zh-Hans、zh-Hant、ja、ko、es、de、pt、ar、hi、vi、th。zh-Hans | zh-Hant | ja | ko | es | de | pt | ar | hi | vi | th
querystring是搜索词(例如 "heart"、"login"、"download arrow")
styleenum否可选的样式偏好。仅对提供填充或实心变体的图标库使用 `solid`。any | outline | solid

详细介绍

Supericons v2.0

为 AI 编码 Agent 提供语义 SVG 图标搜索、预览和推荐。

Supericons 帮助 Agent 按含义而非仅按文件名查找图标。它可搜索 11 个图标库中的 20,000 多个免费图标,并可返回 SVG 代码或视觉对比结果。

发布版本

Supericons 为产品插件和 MCP 运行时使用不同的版本号:

组件当前版本
Supericons 插件2.0.0
npm MCP 运行时@supericons/[email protected]
托管 MCP 运行时0.4.22

v2.0 插件使用当前 MCP 运行时。没有名为 @supericons/[email protected] 的 npm 包。

快速开始

对于支持远程 MCP 服务的客户端,请使用托管端点:

https://mcp.supericons.dev/mcp

对于使用本地 MCP 命令的客户端,请使用:

{
  "mcpServers": {
    "supericons": {
      "command": "npx",
      "args": ["-y", "@supericons/mcp@latest"]
    }
  }
}

免费工具无需 Supericons API 密钥。

插件文件

此仓库包含适用于 Codex、Claude Code 和兼容 Agent 目录的公开插件清单:

.plugin/plugin.json
.codex-plugin/plugin.json
.claude-plugin/plugin.json
.agents/plugins/marketplace.json

Codex 插件还使用:

.codex-mcp.json
skills/supericons-icon-search/SKILL.md

手动设置字段

如果客户端显示的是表单而非配置文件,请填写:

Name: supericons
Transport: stdio
Command: npx
Arguments:
-y
@supericons/mcp@latest

如果只有一个参数字段,请填写:

-y @supericons/mcp@latest

托管工具

search_icons :按含义、标签、视觉描述、标签词、同义词和支持的多语言词条进行搜索。

recommend_icons :为最多 20 个已命名的 UI 槽位推荐一组风格一致的图标。

get_icon :在已知图标 ID 和图标库的情况下,获取一个指定的 SVG 图标。

preview_icons :在托管预览页面或图像上对比搜索结果或已知图标引用。

list_libraries :列出托管服务器提供的 11 个免费图标库。

示例提示词

Use Supericons to find a Lucide database icon. Show the icon id, library, and SVG.
Use Supericons to recommend icons for an AI dashboard sidebar: model, prompt, dataset, evaluation, deployment, and monitoring. Prefer Lucide outline icons.
Use Supericons to preview the strongest camera scan icons so I can compare them visually.

Pro 设置

如需 Pro 权限,请将 API 密钥添加为环境变量:

SUPERICONS_API_KEY=<YOUR_SUPERICONS_API_KEY>

切勿将 API 密钥粘贴到公开问题、截图、已提交的配置文件或共享聊天中。

链接

公开仓库范围

此仓库是 Supericons 的公开设置和目录封装。仓库包含公开清单、安装示例、支持信息和品牌素材。私有产品代码、凭据、客户数据和内部运营数据均不属于此仓库。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。