Vibe Dashboard MCP

vibe仪表板mcp

从结构化数据渲染MCP主机中的仪表板。

 

安装

使用此MCP配置：

{
  "mcpServers": {
    "vibe-dashboard": {
      "command": "npx",
      "args": ["-y", "vibe-dashboard-mcp", "--stdio"]
    }
  }
}

替代主机格式（适用于使用 servers):

{
  "servers": {
    "vibe-dashboard": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "vibe-dashboard-mcp", "--stdio"]
    }
  }
}

验证安装

例如，从MCP主机运行一个工具 show_kpi_grid.

预期结果：工具成功，仪表板组件呈现。

可用工具

• show_metrics_chart：时间序列度量的折线图
• show_bar_chart：用于分类比较的条形图
• show_donut_chart：用于分布的甜甜圈/饼图
• show_data_table：具有可选有界高度的表格数据
• show_gauge：径向KPI指标
• show_geo_map：ISO3国家代码的世界地图
• show_kpi_grid：KPI卡网格

故障排除

• npx: command not found：安装Node.js 20+并重新打开MCP主机。
• Waiting for data...：工具未返回 structuredContent 以预期的形状。
• Unable to load UI bundle：如果从源代码运行，请运行 npm --prefix server run build.