AI代理共享白板

PromptBoard是一个通过MCP协议为AI代理提供的共享白板服务,支持截图粘贴、标注和直接分享视觉内容。

  • by pjueon
  • TypeScript
  • 本地部署
  • 10 星标
  • 更新于
在 GitHub 查看 pjueon/promptboard

使用说明

🎨 提示板

通过MCP为AI代理提供共享白板。

粘贴屏幕截图,突出显示特定细节,并直接通过MCP共享视觉背景。 停止将图像保存到文件。只需复制、粘贴、标记和提问。

演示:

https://github.com/user-attachments/assets/3a07ca9d-d989-4d6c-aef1-4eebbd6d0cca


🚀 快速开始

标准配置

添加到MCP客户端配置中:

{
  "mcpServers": {
    "promptboard": {
      "command": "npx",
      "args": ["-y", "promptboard"]
    }
  }
}
Claude Desktop

配置位置:

  • 窗户: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Linux: ~/.config/Claude/claude_desktop_config.json

配置:

{
  "mcpServers": {
    "promptboard": {
      "command": "npx",
      "args": ["-y", "promptboard"]
    }
  }
}

重新启动Claude Desktop并测试:

  • “打开白板”
  • “白板上是什么?”
Claude Code
claude mcp add promptboard "npx -y promptboard"

自定义命令(可选):

npx promptboard init claude-code

这创造了 .claude/commands/:

  • /whiteboard -打开可视化白板
  • /check-board [message] -分析白板内容

例子:

/check-board What does the red section mean?
Gemini CLI

配置位置: .gemini/settings.json 在您的项目中

配置:

{
  "mcpServers": {
    "promptboard": {
      "command": "npx",
      "args": ["-y", "promptboard"]
    }
  }
}

自定义命令(可选):

npx promptboard init gemini-cli

这创造了 .gemini/commands/:

  • /whiteboard -打开可视化白板
  • /check-board [message] -分析白板内容

有关详细的安装说明,包括手动设置和从源代码构建,请参阅 MCP设置指南.


特性

  • 🎨 白板画布 -自由绘制、绘制和注释
  • 📸 屏幕截图支持 -直接粘贴图像 Ctrl+V
  • 🖊️ 绘图工具 -笔、形状、文字、橡皮擦
  • ↩️ 取消/重做 -完整历史管理(Ctrl+Z, Ctrl+Shift+Z)
  • 🌍 多语言 -英语、韩语、日语
  • 🌓 黑暗/光明主题 -可定制的外观
  • 🤖 人工智能集成 -Claude Code、Gemini CLI的MCP协议
  • 💾 自动保存 -跨会话的持久状态

文档

用户指南