Vadivam Icons

vadivam-mcp

24px のアウトラインアイコンを検索し、SVG またはフレームワークのコードを取得できる MCP サーバーです。AI エージェントは名前を推測する代わりに、名前、同義語、カテゴリから適切な Vadivam アイコンを探せます。

アイコンを閲覧 · MCP ドキュメント · ソース · GitHub

インストール不要のホスト型サーバーを使用できます。

claude mcp add --transport http vadivam https://vadivam.praveenjuge.com/mcp

または、stdio 経由でローカル実行できます。アイコンデータはパッケージに同梱されているため、オフラインで動作し、このリリースと同じデータを利用できます。

claude mcp add vadivam -- npx -y vadivam-mcp

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

ツール	機能
search_icons	名前、タグ、カテゴリを対象にしたランキング形式の検索。任意でカテゴリによる絞り込みも可能です
suggest_icons	UI の説明で言及された項目ごとに、候補となるアイコンを提示します
get_icon	1 つのアイコンを SVG、JSX、フレームワークのコードスニペット、データ URI、CSS マスク、Tailwind クラス、CDN URL、スプライト、フォント、または shadcn として取得します
list_categories	各カテゴリの ID、タイトル、説明、アイコン数を一覧表示します
get_usage	フレームワークパッケージのインストールコマンド、インポート例、ドキュメントへのリンクを表示します

独自にホストする場合、createVadivamServer() は新しい McpServer を返し、createVadivamHttpHandler() は Cloudflare Workers、Deno、Bun 向けのステートレスな Streamable HTTP ハンドラーでラップします。

import { createVadivamHttpHandler } from "vadivam-mcp";

export default createVadivamHttpHandler();

パッケージ一覧：SVG と JavaScript · React · React Native · Vue · Svelte · Solid · Angular · Astro · Preact

問題を報告