MCP MeasureMCP Measure

索引已觀測

Vadivam Icons

Search 24px outline icons by name, tag, or category and get SVG or framework code.

我該用這個嗎

品質與安全性

A
說明品質
96%
結構描述完整度
86%
命名品質
96%
汙染風險
100%
權限相符程度
100%
協定合規性
100%

根據工具定義與協定合規性的自動化分析。

上下文成本

~1,525Token（工具定義）
~2.8 KB典型回應大小
中等的注意力影響（128k 上下文的 1.19%）

這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高，可用於其他工作的注意力就越少。

安裝

一鍵安裝

將以下內容加入你的 `claude_desktop_config.json` 檔案：

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

可執行的套件

npmvadivam-mcp0.0.66stdio

遠端端點

https://vadivam.praveenjuge.com/mcpstreamable-http

它能做什麼

工具清單

工具（5）

🟢 唯讀🟡 寫入🔴 刪除⚪ 未知
🟢search_icons(query, limit, category)

Find Vadivam icons by name, synonym tag, or category. Ranked: exact name, then name prefix or word, then tag, then category. Call this before get_icon; never guess icon names.

輸入結構描述

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "maxLength": 200,
      "description": "Words to match, such as \"arrow right\", \"delete\", or \"weather\". May be empty when category is set."
    },
    "limit": {
      "description": "Maximum results (default 20, max 100).",
      "type": "integer",
      "minimum": 1,
      "maximum": 100
    },
    "category": {
      "description": "Category id or title from list_categories, such as \"arrows\".",
      "type": "string",
      "maxLength": 100
    }
  },
  "required": [
    "query"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

輸出結構描述

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string"
    },
    "category": {
      "type": "string"
    },
    "total": {
      "type": "number"
    },
    "results": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "type": "string"
          },
          "componentName": {
            "type": "string"
          },
          "categories": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "tags": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "url": {
            "type": "string"
          }
        },
        "required": [
          "name",
          "componentName",
          "categories",
          "tags",
          "url"
        ],
        "additionalProperties": false
      }
    }
  },
  "required": [
    "query",
    "total",
    "results"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢suggest_icons(description, perConcept)

Suggest icons for each thing a UI description mentions, such as "settings sidebar with search, profile, and logout". Splits on commas and words like "and" or "with", then ranks icons per concept. Pick one per concept, then call get_icon.

輸入結構描述

{
  "type": "object",
  "properties": {
    "description": {
      "type": "string",
      "minLength": 1,
      "maxLength": 500,
      "description": "A short description of the screen, feature, or list of actions that need icons."
    },
    "perConcept": {
      "description": "Candidates per concept (default 3, max 10).",
      "type": "integer",
      "minimum": 1,
      "maximum": 10
    }
  },
  "required": [
    "description"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

輸出結構描述

{
  "type": "object",
  "properties": {
    "description": {
      "type": "string"
    },
    "concepts": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "concept": {
            "type": "string"
          },
          "results": {
            "type": "array",
            "items": {
              "type": "object",
              "properties": {
                "name": {
                  "type": "string"
                },
                "componentName": {
                  "type": "string"
                },
                "categories": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "tags": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "url": {
                  "type": "string"
                }
              },
              "required": [
                "name",
                "componentName",
                "categories",
                "tags",
                "url"
              ],
              "additionalProperties": false
            }
          }
        },
        "required": [
          "concept",
          "results"
        ],
        "additionalProperties": false
      }
    },
    "unmatched": {
      "type": "array",
      "items": {
        "type": "string"
      }
    }
  },
  "required": [
    "description",
    "concepts",
    "unmatched"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢get_icon(name, format, size, strokeWidth, color, ...)

Get one icon as SVG, JSX, a framework component snippet, a data URI, CSS mask, Tailwind class, CDN URL, sprite, font, Iconify id, or shadcn command. Unknown names return the closest real names.

輸入結構描述

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "maxLength": 100,
      "description": "Icon name from search_icons, such as \"arrow-right\" (PascalCase also works)."
    },
    "format": {
      "description": "Output format (default \"svg\"). Framework ids return an import snippet.",
      "type": "string",
      "enum": [
        "svg",
        "jsx",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular",
        "data-uri",
        "base64",
        "css-mask",
        "tailwind",
        "cdn",
        "sprite",
        "font",
        "iconify",
        "shadcn"
      ]
    },
    "size": {
      "description": "Width and height in pixels (default 24).",
      "type": "number",
      "exclusiveMinimum": 0,
      "maximum": 1024
    },
    "strokeWidth": {
      "description": "Stroke width (default 2).",
      "type": "number",
      "exclusiveMinimum": 0,
      "maximum": 24
    },
    "color": {
      "description": "Stroke color (default currentColor).",
      "type": "string",
      "maxLength": 64
    },
    "absoluteStrokeWidth": {
      "description": "Keep the stroke width constant when resizing.",
      "type": "boolean"
    }
  },
  "required": [
    "name"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

輸出結構描述

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string"
    },
    "componentName": {
      "type": "string"
    },
    "format": {
      "type": "string"
    },
    "code": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "url": {
      "type": "string"
    }
  },
  "required": [
    "name",
    "componentName",
    "format",
    "code",
    "url"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢list_categories

List every icon category with its id, title, description, and icon count. Pass an id to search_icons as category.

輸入結構描述

{
  "type": "object",
  "properties": {},
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

輸出結構描述

{
  "type": "object",
  "properties": {
    "categories": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "id": {
            "type": "string"
          },
          "title": {
            "type": "string"
          },
          "description": {
            "type": "string"
          },
          "iconCount": {
            "type": "number"
          }
        },
        "required": [
          "id",
          "title",
          "iconCount"
        ],
        "additionalProperties": false
      }
    }
  },
  "required": [
    "categories"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢get_usage(framework)

Install command, import example, dynamic icon API, and docs link for a framework package, or "core" for raw SVG and JavaScript.

輸入結構描述

{
  "type": "object",
  "properties": {
    "framework": {
      "type": "string",
      "enum": [
        "core",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular"
      ],
      "description": "Framework id, or \"core\" for the vadivam SVG package."
    }
  },
  "required": [
    "framework"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

輸出結構描述

{
  "type": "object",
  "properties": {
    "framework": {
      "type": "string"
    },
    "label": {
      "type": "string"
    },
    "packageName": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "example": {
      "type": "string"
    },
    "dynamic": {
      "type": "string"
    },
    "docs": {
      "type": "string"
    }
  },
  "required": [
    "framework",
    "label",
    "packageName",
    "install",
    "example",
    "dynamic",
    "docs"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}

社群

為此伺服器評分

證據

近期觀測

已驗證未記錄版本5 個工具