Hugeicons MCP Server

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

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

功能

工具

• list_icons - 获取所有可用的Hugeicons图标列表
• search_icons - 按名称或标签搜索图标
• get_platform_usage - 获取特定于平台的Hugeicons使用说明
• get_icon_glyphs - 获取特定图标在所有可用样式中的所有字形（Unicode字符）
• get_icon_glyph_by_style - 获取具有特定样式的特定图标的字形（Unicode字符）

资源

平台文档（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://docs/platforms/html - HTML集成指南（基于字体）

图标数据：

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

功能性

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

• 图标发现和搜索
• 字形和Unicode数据检索（针对基于字体的实现）
• 特定于平台的安装指南
• 带代码片段的使用示例
• 组件属性文档
• 包安装说明
• 通过CDN进行基于字体的HTML集成

开发

安装依赖项：

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，以便在浏览器中访问调试工具。