Mingcute Icons Mcp

MingCute Icon MCP

MingCute Icon MCP は、Claude、Codex、Cursor、Windsurf、Cline などの MCP 対応ツールで MingCute アイコンを検索して使用するための、AI コーディングアシスタント向け Model Context Protocol サーバーです。

特長

• 英語または中国語のキーワード、アイコン名、コンポーネント名、カテゴリー、スタイルで MingCute アイコンを検索できます。
• line、fill、またはすべてのスタイルで絞り込み、AI アシスタントが UI の状況に合ったバリエーションを選べます。
• 対応する公開 npm パッケージを使った React、Vue、Web フォント、SVG の使用例を生成できます。
• 必要に応じて、アイコンの詳細、カテゴリー、カテゴリー別のアイコン、SVG のソースを取得できます。
• ローカルのアイコンインデックスを使って動作し、実行時にリモート API に依存しません。

使用方法

npx -y @mingcute/mcp-server

Codex

codex mcp add mingcute -- npx -y @mingcute/mcp-server

Claude Desktop

{
  "mcpServers": {
    "mingcute": {
      "command": "npx",
      "args": ["-y", "@mingcute/mcp-server"]
    }
  }
}

ツール

search_icons

英語または中国語のキーワード、アイコン名、コンポーネント名、カテゴリー、スタイルで検索します。

{
  "query": "home",
  "style": "line",
  "limit": 5
}

get_icon

基本名またはバリエーション名でアイコンセットを取得します。

{
  "name": "home_1",
  "style": "all",
  "includeSvg": false
}

get_icon_usage

React、Vue、Web フォント、または SVG の使用例を生成します。

{
  "name": "home_1",
  "style": "line",
  "framework": "react"
}

React の例では @mingcute/react、Vue の例では @mingcute/vue、SVG と Web フォントの例では mingcute_icon を使用します。

list_categories

MingCute のカテゴリーを一覧表示します。

list_icons_by_category

指定したカテゴリーのアイコンを一覧表示します。

{
  "category": "building",
  "style": "fill",
  "limit": 20
}