Hugeicons MCP 服务器

用于 Hugeicons 集成和文档的 MCP 服务器

这是一个基于 TypeScript 的 MCP 服务器，提供工具和资源以帮助集成 Hugeicons 到各种平台。它实现了模型上下文协议（MCP）服务器，帮助 AI 助手为使用 Hugeicons 提供准确的指导。

特性

工具

• list_icons - 获取所有可用的 Hugeicons 图标列表
• search_icons - 按名称或标签搜索图标
• get_platform_usage - 获取各个平台的特定使用说明

资源

平台文档（以 Markdown 格式提供）：

• hugeicons://docs/platforms/react - React 集成指南
• hugeicons://docs/platforms/vue - Vue 集成指南
• hugeicons://docs/platforms/angular - Angular 集成指南
• hugeicons://docs/platforms/svelte - Svelte 集成指南
• hugeicons://docs/platforms/react-native - React Native 集成指南
• hugeicons://docs/platforms/flutter - Flutter 集成指南

图标数据：

• hugeicons://icons/index - 全部 Hugeicons 的完整索引（JSON 格式）

功能性

此服务器提供全面的 Hugeicons 集成支持，包括：

• 图标发现和搜索
• 平台特定安装说明
• 使用示例代码片段
• 组件属性文档
• 包安装指令

开发

安装依赖项：

npm install

构建服务器：

npm run build

带有自动重建的开发：

npm run watch

安装

通过 Smithery 安装

要通过 Smithery 自动安装 Hugeicons MCP 服务器以供 Claude Desktop 使用：

npx -y @smithery/cli install @hugeicons/mcp-server --client claude

要与 Claude Desktop 一起使用，请添加服务器配置：

在 MacOS 上：~/Library/Application Support/Claude/claude_desktop_config.json 在 Windows 上：%APPDATA%/Claude/claude_desktop_config.json`

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

参数数组指定：

1. -y：自动回答“是”以 npx 提示
2. 包名：@hugeicons/mcp-server

快速开始

您也可以直接使用 npx 运行服务器：

npx @hugeicons/mcp-server

调试

由于 MCP 服务器通过 stdio 通信，调试可能具有挑战性。我们推荐使用 MCP Inspector，它作为包脚本可用：

npm run inspector

Inspector 将提供访问浏览器中的调试工具的 URL。