mcpField
M
Mingcute Icons Mcp

Mingcute Icons Mcp

本地服务
github.com/mingcute-design开发工具123 周前更新
代码仓库

关于 Mingcute Icons Mcp

Mingcute Icons Mcp 是面向 AI 编码助手的 MCP 服务，用于查找 MingCute 图标并获取用法示例。它支持中英文搜索和多种格式，并通过本地图标索引运行，无需运行时远程 API。

主要功能

  1. 01按中英文关键词搜索
  2. 02按样式筛选图标
  3. 03获取图标详情和原始 SVG
  4. 04浏览分类及其图标
  5. 05生成 React、Vue、webfont 和 SVG 示例

适用场景

  1. 01按名称或界面概念查找图标
  2. 02选择线框或填充样式
  3. 03获取界面所需的 SVG 源码
  4. 04为目标格式生成代码示例

MCP 相关

向 MCP 客户端提供 MingCute 图标搜索、详情、分类列表、SVG 源码和用法示例等工具。

#icons#mingcute#svg#react#vue#webfont#design#mcp

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "mingcute-icons": {
      "command": "npx",
      "args": [
        "-y",
        "@mingcute/mcp-server"
      ]
    }
  }
}
启动命令npx -y @mingcute/mcp-server

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npm@mingcute/mcp-server

工具

5

收录的工具列表 · 更新于 3 周前

参数类型必填说明
querystring是搜索查询，例如 home、主页、arrow、settings
styleenum否变体样式：line、fill 或 allline | fill | all
categorystring否可选的 MingCute 类别筛选条件
limitnumber否要返回的最大结果数
localeenum否查询语言提示auto | en | zh

详细介绍

MingCute Icon MCP

MingCute Icon MCP 是一个 Model Context Protocol 服务，供 AI 编码助手在 Claude、Codex、Cursor、Windsurf 和 Cline 等兼容 MCP 的工具中搜索和使用 MingCute 图标。

功能

  • 按英文或中文关键词、图标名称、组件名称、类别和样式搜索 MingCute 图标。
  • 按 line、fill 或所有样式筛选，让 AI 助手根据 UI 场景选择合适的变体。
  • 使用对应的已发布 npm 包，生成 React、Vue、webfont 和 SVG 用法示例。
  • 按需获取图标详情、类别、指定类别下的图标以及原始 SVG 源码。
  • 使用本地图标索引运行，运行时不依赖远程 API。

用法

npx -y @mingcute/mcp-server
Codex
codex mcp add mingcute -- npx -y @mingcute/mcp-server
Claude Desktop
{
  "mcpServers": {
    "mingcute": {
      "command": "npx",
      "args": ["-y", "@mingcute/mcp-server"]
    }
  }
}

工具

search_icons

按英文或中文关键词、图标名称、组件名称、类别和样式搜索。

{
  "query": "home",
  "style": "line",
  "limit": 5
}
get_icon

按基础名称或变体名称获取一组图标。

{
  "name": "home_1",
  "style": "all",
  "includeSvg": false
}
get_icon_usage

生成 React、Vue、webfont 或 SVG 用法示例。

{
  "name": "home_1",
  "style": "line",
  "framework": "react"
}

React 示例使用 @mingcute/react，Vue 示例使用 @mingcute/vue，SVG/webfont 示例使用 mingcute_icon。

list_categories

列出 MingCute 类别。

list_icons_by_category

列出某个类别下的图标。

{
  "category": "building",
  "style": "fill",
  "limit": 20
}

评论

支持 Markdown

第一次接触 MCP？

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

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