Hugeicons MCP

🚀 Hugeicons MCP 服務器

Hugeicons 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 集成支持，涵蓋以下方面：

• 圖標發現和搜索。
• 平臺特定安裝說明。
• 使用示例代碼片段。
• 組件屬性文檔。
• 包安裝指令。

📦 安裝指南

通過 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。

💻 使用示例

基礎用法

以下是安裝依賴項的命令：

npm install

高級用法

以下是構建服務器的命令：

npm run build

以下是帶有自動重建的開發命令：

npm run watch