elastic/example-mcp-dashbuilder

Developer tools 公式

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

18 stars 6 forks 品質 72 トレンド 26NOASSERTION

Repository Install

カーソルを介したダッシュボードを作成するMCPアプリ

概要

AIアシスタントがES|QLとElastic Chartsを使ってキバナダッシュボードをビルドできるMCP(Model Context Protocol)アプリです。自然言語で視覚化を作成し、Kibanaのグリッドレイアウトでライブをプレビューし、直接Kibanaに実際のレンズダッシュボードとしてエクスポートします。 Claudeデスクトップからスクリーンショット:MCPアプリは、チャット内のインタラクティブダッシュボードをレンダリングします。 - — — AI はそれを構築します。 - - 集計、表面パターンを実行するオープンエンドの探索フローは、キー検索のためのチャートを構築し、ドリルダウンのクエリ( "分析" のようなプロンプトによってトリガー)を提案します。 - - すべてのクエリは、データ検索のための ES|QL - - - MCP アプリケーションを介して直接レンダリングされた完全な対話型ダッシュボード - 同じ 48 列のドラッグアンドドロップグリッドを Kibtte ダッシュボード - 既存のダッシュボードに - 既存のグループを編集 - Kibtte ビジュアル - - Kibtanas - - - - - - - - - - - - - - - - - - - - - - - -.

概要（AI 翻訳）

Claudeデスクトップからスクリーンショット:MCPアプリはチャット内のインタラクティブダッシュボードをレンダリングします。

それが何をするか

##特徴

自然言語ダッシュボード作成 — 必要なものを記述し、AIはそれをビルドします
ディープデータ解析 — 集計、表面パターンを実行するオープンエンドの探査フロー、キー検索のためのチャートを構築し、ドリルダウンクエリを示唆する(「私のXを分析する」のようなプロンプトによってトリガー)
ES|QL パワード — すべての問い合わせは ES|QL のデータ検索 -インラインダッシュボードプレビュー - MCPアプリを介してチャットで直接レンダリングされたフルインタラクティブダッシュボード
キバナグリッドレイアウト — キバナダッシュボードと同じ48列のドラッグアンドドロップグリッド
Borealisテーマ — キバナの最新のビジュアルデザインにマッチ
折りたたみセクション — グループにパネルを整理
Kibanaにエクスポート — レンズの視覚化で実際のKibanaダッシュボードを作成します

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

example-mcp-dashbuilder

An MCP (Model Context Protocol) app that lets AI assistants build Kibana dashboards using ES|QL and Elastic Charts. Create visualizations through natural language, preview them live with Kibana’s grid layout, and export directly to Kibana as real Lens dashboards.

Screenshot from Claude Desktop: the MCP app renders the interactive dashboard inside the chat.

What it does

You (in an MCP client) → "Build me an ecommerce analytics dashboard"
    ↓
AI explores your Elasticsearch data via ES|QL
    ↓
Creates charts (bar, line, pie, metric, heatmap) with Elastic Charts
    ↓
Interactive dashboard rendered inline in the chat (MCP Apps)
    ↓
One-click export to Kibana as Lens visualizations

Features

Natural language dashboard creation — describe what you want, the AI builds it
Deep data analysis — open-ended exploration flow that runs aggregations, surfaces patterns, builds charts for key findings, and suggests drill-down queries (triggered by prompts like “analyze my X”)
ES|QL powered — all queries use ES|QL for data retrieval
Inline dashboard preview — full interactive dashboard rendered directly in the chat via MCP Apps
Kibana grid layout — same 48-column drag-and-drop grid as Kibana dashboards
Borealis theme — matches Kibana’s latest visual design
Collapsible sections — organize panels into groups
Export to Kibana — creates real Kibana dashboards with Lens visualizations
Import from Kibana — import existing ES|QL-based Kibana dashboards for AI-assisted editing
Custom color themes — apply custom palettes to charts, heatmaps, and metrics
Time picker — filter data by time range with automatic time field detection
Multiple dashboards — create, switch between, and manage multiple dashboards
Session isolation — parallel chat conversations work on separate dashboards via dashboardId threading
Elastic Cloud support — works with local Elasticsearch and Elastic Cloud (Cloud ID + API key)
Server instructions — workflow, tips, and capabilities exposed to every MCP client via the initialize response
Dataviz best practices — built-in guidelines for chart selection and dashboard composition
ES|QL reference — built-in language reference for correct query syntax

Architecture

For a structured walkthrough with Mermaid diagrams (system context, data flows, monorepo build order), see ARCHITECTURE.md.

Prerequisites

Node.js 22+
Elasticsearch (local or Elastic Cloud)
Kibana (for export/import)
An MCP client: Cursor (v2.6+ for MCP Apps inline preview), Claude Desktop, Claude Code, or VS Code Copilot

Quick install

GitHub で README 全文を見る

インストール

npx https://github.com/elastic/example-mcp-dashbuilder/releases/latest/download/example-mcp-dashbuilder.tgz

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "example-mcp-dashbuilder": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "https://github.com/elastic/example-mcp-dashbuilder/releases/latest/download/example-mcp-dashbuilder.tgz"
      ]
    }
  }
}