vibe-dashboard-mcp

Render dashboards in MCP hosts from structured data.

Install

Use this MCP config:

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

Alternative host format (for hosts using servers):

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

Verify Installation

Run one tool from your MCP host, for example show_data_table.

Expected result: the tool succeeds and a dashboard component renders.

Tools

• show_metrics_chart: line chart for time-series metrics
• show_bar_chart: bar chart for categorical comparisons
• show_donut_chart: donut/pie chart for distribution
• show_data_table: tabular data with optional bounded height
• show_gauge: radial KPI gauge
• show_geo_map: world map by ISO3 country codes
• show_kpi_grid: KPI cards grid

Troubleshooting

• npx: command not found: install Node.js 20+ and reopen the MCP host.
• Waiting for data...: the tool did not return structuredContent in the expected shape.
• Unable to load UI bundle: if running from source, run npm run build.