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 統合サポートを提供します。

• アイコンの発見と検索
• プラットフォーム固有のインストールガイド
• コードスニペットを使用した使用例
• コンポーネントプロパティのドキュメント
• パッケージのインストール手順

発達

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

サーバーを構築します。

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

インストール

Claude Desktop で使用するには、サーバー設定を追加します。

MacOS の場合: ~/Library/Application Support/Claude/claude_desktop_config.json Windows の場合: %APPDATA%/Claude/claude_desktop_config.json

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

1. -y : npxプロンプトに自動的に「はい」と答える
2. パッケージ名: @hugeicons/mcp-server

クイックスタート

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

デバッグ

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

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