绘图协作浏览器扩展

Draw.io MCP浏览器扩展是一个用于增强Draw.io(Diagrams.net)功能的工具,通过与Draw.io MCP服务器协作,支持多人实时绘图和配置管理。

  • by shenhuaxin
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 shenhuaxin/ruleeng-mcp-extension

使用说明

Draw.io MCP浏览器扩展

让我们用最广泛使用的绘图工具Draw.io(Diagrams.net)做一些Vibe绘图。

这是一个必要的对应物 Draw.io MCP服务器

需求

可选开发

  • pnpm -首选包管理器

安装

有关详细的端到端Draw.io MCP安装,请按照以下说明进行操作 Draw.io MCP服务器.

有以下选项可以安装扩展程序本身。

应用商店

发布包

您可以在 释放部分.

GitHub CI包

您可以在 package 工作流.

只需打开一个作业运行,滚动到 人工制品 在第节中,下载ZIP并侧载支持的浏览器之一的扩展。

本地建设

您可以通过运行以下命令来构建扩展的版本:

pnpm run build

或

pnpm run build:firefox

它将在 .output 文件夹。

如果您需要ZIP/CRX,请运行以下操作之一:

pnpm run zip

或

pnpm run zip:firefox

配置

WebSocket服务器端口

默认情况下,扩展连接到端口上的Draw.io MCP服务器 3333。您可以通过扩展选项配置不同的端口:

  1. 点击扩展图标打开弹出窗口
  2. 点击 ⚙️ 设置 按钮(或通过浏览器的扩展管理页面访问扩展设置)
  3. 输入您想要的端口号(1024-65535)
  4. 点击 保存设置

连接将自动重新连接到新配置。配置的端口显示在弹出窗口中,便于验证。

注: 确保您的Draw.io MCP服务器正在您在此处配置的同一端口上运行。重新启动浏览器不会重置配置,它会在会话之间持续存在。

连接状态

扩展图标指示当前连接状态:

  • 🟢 绿色:已连接到服务器
  • 🟠 橙色:连接/重新连接
  • 🔴 红色:已断开连接

您还可以在扩展弹出窗口中查看当前配置的端口和连接状态。

赞助

如果你喜欢这个项目或觉得它有用,可以考虑支持它的持续发展。

闪电发票:

lnbc1p5f8wvnpp5kk0qt60waplesw3sjxu7tcqwmdp6ysq570dc4ln52krd3u5nzq6sdp82pshjgr5dusyymrfde4jq4mpd3kx2apq24ek2uscqzpuxqr8pqsp5gvr72xcs883qt4hea6v3u7803stcwfnk5c9w0ykqr9a40qqwnpys9qxpqysgqfzlhm0cz5vqy7wqt7rwpmkacukrk59k89ltd5n642wzru2jn88tyd78gr4y3j6u64k2u4sd4qgavlsnccl986velrg3x0pe95sx7p4sqtatttp

闪电地址:

ladislav@blink.sv

相关资源

故障排除

贡献

发展

明星历史