Hugeicons MCP

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

• アイコンの発見と検索
• プラットフォーム固有のインストール手順
• 使用例のコードスニペット
• コンポーネント属性のドキュメント
• パッケージのインストール命令

📦 インストール

Smithery を通じたインストール

Smithery を通じて、Claude Desktop で使用する Hugeicons MCP サーバーを自動インストールするには：

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