Supericonsエージェントプラグイン

AIコーディングエージェント向けのセマンティックSVGアイコン検索。

Supericonsは、ファイル名だけでなく、意味に基づいてエージェントがアイコンを見つけるのを支援します。これを使用して、20,000以上の無料アイコンを検索し、SVGコードを取得し、アプリのナビゲーション、ダッシュボード、ツール、製品UI用のアイコンセットを推奨します。

クイックインストール

MCP対応のコーディングエージェントでこの設定を使用してください：

{
  "mcpServers": {
    "supericons": {
      "command": "npx",
      "args": ["-y", "supericons-mcp"]
    }
  }
}

IDE設定フィールド

IDEにJSONファイルの代わりにフォームが表示される場合は、以下を入力してください：

Name: supericons
Transport: stdio
Command: npx
Arguments:
-y
supericons-mcp

IDEに引数フィールドが1つある場合は、以下を入力してください：

-y supericons-mcp

無料のアイコン検索には、環境変数は空のままにしてください。

プロ向け設定

プレミアムアイコンやプロツールを使用する場合は、この環境変数を追加してください：

SUPERICONS_API_KEY=your_api_key_here

APIキーをパブリックなイシュー、スクリーンショット、または共有設定ファイルに貼り付けないでください。

ホスト型MCPエンドポイント

ホスト型エンドポイント：

https://mcp.supericons.dev/mcp

サーバーカード：

https://mcp.supericons.dev/.well-known/mcp/server-card.json

利用可能なツール

search_icons : 意味、ラベル、視覚的説明、タグ、同義語によって無料のアイコンライブラリを検索します。

recommend_icons : ダッシュボードナビゲーション、アプリタブ、設定パネル、製品機能などのUIスロット用のアイコンを推奨します。

get_icon : アイコンIDとライブラリを指定して、1つのSVGアイコンを取得します。

list_libraries : Supericons MCPを通じて利用可能な無料のアイコンライブラリを一覧表示します。

プロンプトの例

Use Supericons MCP to find a database icon. Prefer Lucide outline icons and show the icon id, library, and SVG.

Use Supericons MCP to recommend icons for an AI dashboard sidebar. The slots are model, prompt, dataset, evaluation, deployment, and monitoring. Prefer Lucide outline icons.

リンク

• ウェブサイト: https://supericons.dev

• npmパッケージ: https://www.npmjs.com/package/supericons-mcp

• ホスト型MCP: https://mcp.supericons.dev/mcp

公開リポジトリの範囲

このリポジトリは、エージェントディレクトリおよびIDEユーザー向けの軽量なセットアップラッパーに過ぎません。これには、プライベートなSupericonsウェブサイトのソース、完全なセマンティックレジストリ、内部ビルドワークフロー、プライベートデータ、サービスキー、またはプレミアムアイコンアセットは含まれていません。