Hugeicons MCP サーバー

Hugeicons の統合とドキュメント化のための MCP サーバー

これはTypeScriptベースのMCPサーバーで、Hugeiconsを様々なプラットフォームに統合するためのツールとリソースを提供します。AIアシスタントがHugeiconsの使用方法について正確なガイダンスを提供するのに役立つModel Context Protocol（MCP）サーバーを実装しています。

特徴

ツール

• list_icons - 利用可能なすべてのHugeiconsアイコンのリストを取得します

• search_icons - 名前またはタグでアイコンを検索します

• get_platform_usage - Hugeicons のプラットフォーム固有の使用方法を取得します

リソース

プラットフォームドキュメント（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 統合サポートを提供します。

• アイコンの発見と検索

• プラットフォーム固有のインストールガイド

• コードスニペットを使用した使用例

• コンポーネントプロパティのドキュメント

• パッケージのインストール手順

Related MCP server: mcp-server-collector

発達

依存関係をインストールします:

npm install

サーバーを構築します。

npm run build

自動リビルドを使用した開発の場合:

npm run watch

インストール

Smithery経由でインストール

Smithery経由で Claude Desktop 用の Hugeicons MCP Server を自動的にインストールするには:

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"
      ]
    }
  }
}

args 配列は以下を指定します。

1. -y : npxプロンプトに自動的に「はい」と答える

2. パッケージ名: @hugeicons/mcp-server

クイックスタート

npx を使用してサーバーを直接実行することもできます。

npx @hugeicons/mcp-server

デバッグ

MCPサーバーはstdio経由で通信するため、デバッグが困難になる場合があります。パッケージスクリプトとして提供されているMCP Inspectorの使用をお勧めします。

npm run inspector

インスペクターは、ブラウザでデバッグ ツールにアクセスするための URL を提供します。