AI导哈

白板展示工具

一款基于Web的白板应用，用于展示Chatbot/LLM的输出内容，支持多客户端推送和浏览器访问。

  • by mikewei
  • HTML
  • 本地部署
  • 2 星标
  • 更新于
在 GitHub 查看 mikewei/whiteboard-mcp

使用说明

基于Web的MCP接口白板

白板mcp是一个简单的白板web应用程序，为显示Chatbot/LLM的输出提供了一种方便的方式。

特性

  • 网络白板 --浏览器UI，显示代理或其他客户端推送的内容；适用于演示和并排LLM输出。
  • 任何屏幕 --在网络上的任何显示器、投影仪或设备上的浏览器中打开电路板URL。
  • 双MCP传输 — 流式HTTP 在 /mcp 和 上海证券交易所 在 /sse 只支持一种风格的客户。
  • REST API — GET/POST /api/content 对于非MCP集成；历史列表/还原/删除 /api/history.
  • 历史 --服务器端的更新历史记录；从历史UI（并通过历史API）重新打开过去的版本。
  • 出口 --将当前视图另存为 超文本标记语言 或 标记语言 从菜单； 打印/PDF （浏览器打印为PDF）当板显示HTML或Markdown时。
  • 双语用户界面 --中英文界面、文件或应用内设置。

安装

来自PYPI

pip install whiteboard-mcp
# or:
# uv tool install whiteboard-mcp
whiteboard-mcp

来源

git clone .../whiteboard-mcp
cd whiteboard-mcp
uv run whiteboard_mcp

服务器正在监听 0.0.0.0:5000 默认情况下。

MCP端点

传输 URL（本地）
流式HTTP http://127.0.0.1:5000/mcp （职位 /mcp)
SSE（+消息） http://127.0.0.1:5000/sse (+ POST /sse/messages/)

使用计算机的LAN IP，而不是 127.0.0.1 当从同一网络上的另一设备连接时。

MCP工具

MCP服务器公开这些工具（在客户端注册的名称）：

工具 目的
update_whiteboard_url 设置板以加载URL(url).
update_whiteboard_html 渲染原始HTML(html).
update_whiteboard_markdown 渲染Markdown(markdown).

MCP配置

API标准/mcp

支持的客户 流式HTTP 本机应将其MCP服务器URL指向 http://127.0.0.1:5000/mcp （根据需要调整LAN的主机/端口）。

爱马仕代理商 MCP配置 例子：

在下面添加HTTP传输条目 mcp_servers 在 ~/.hermes/config.yaml，然后重新启动Hermes。例子：

mcp_servers:
  whiteboard:
    url: "http://127.0.0.1:5000/mcp"

兼容/sse API

例如，您可以使用mcp-remote连接/sse API：

{
    "mcpServers": {
        "whiteboard-mcp": {
            "command": "npx",
            "args": [
                "mcp-remote",
                "http://127.0.0.1:5000/sse",
                "--allow-http"
            ]
        }
    }
}

相关 MCP