写了一用 LLM 控制 Drawio 生成流程图的 app

[daweii]

特征如下

1. 直接和 Drawio 无缝连接，不用复制粘贴来回倒腾 Drawio 的 XML 文件。
2. 支持图像输入，可以直接发个手绘图让 llm 画图。
3. 有历史功能。可以回溯到之前的编辑记录。

Web 框架用的 Nextjs 。原理就是用 Embed Drawio 然后通过输入和输出 XML 的结果来控制 Drawio 。

DEMO 动画（ V 站能贴视频吗）: https://res.cloudinary.com/jiang/video/upload/next-ai-drawio_urqdeu.webm

DEMO 网站： https://next-ai-draw-io.vercel.app/

Github （刚出了第一个 MVP ，功能还需要继续打磨）: https://github.com/DayuanJiang/next-ai-draw-io

[fanjinzhongju952]

不好意思 请问一下 "刚出了第一个 MVP" 是什么意思呢？
是 github 最受欢迎 或者 周期内热度最高的 一种项目标签认证吗？
还是某种项目进度的 一种专业术语？

[llxvs]

@fanjinzhongju952 Minimum Viable Product

[daweii]

@fanjinzhongju952
不好意思我也是看着别人用，所以也跟着用这个词。意思是最简单的 DEMO 。

最简可行产品（英语：minimum viable product, MVP ），是新产品开发中的名词，是指有部分机能，恰好可以让设计者表达其核心设计概念的产品。 设计者可以进行验证式学习，根据使用者的回馈，进一步了解使用情形，并且继续开发此产品。

[9dP06m83vIV00l72]

直接解析 AI 输出结果并加载到画布上，66666666

[fanjinzhongju952]

@llxvs 感谢大佬解惑，谢谢

[fanjinzhongju952]

@daweii 感谢大佬分享解惑，谢谢

[Peiiii]

挺有意思，不过流式输出的时候画面抖动。这块不知道是不是 drawio 的问题，体验再优化下就好了

[acthtml]

很有意思的想法。

[niboy]

我让画个 Michael Jackson （ MJ ）它能画，我让他画软件流程图或者架构图它画不出来啊。
之前我都是让 cursor 帮我生成 xml ，自己倒腾

[xyfan]

根据 Demo 视频，change all color to green 的时候，并未在你调整过对称之后的图形上进行更改，而是在原本 LLM 生成的 XML 上进行更改。似乎此 Demo 不会将当前绘图的 XML 作为上下文送入，只能在 LLM 原本生成的 XML 上不断用语言指导修改，手工修改的内容完全被忽略。

[daweii]

@Peiiii 应该是加载 XML 的时候出现会闪烁，我看看减少频率会不会变好。

[jonathanchoo]

之前体验 modao 的 ai 生成界面，跟你的效果一样也是生成一个组件就刷新一次界面，好奇请教是为什么

[ALongRanger]

反馈：
是一个不错的思路。 最近我画图都在用 LLM 转成 mermaid 以后复制粘贴插入到 drawio ，这个确实能减少一定的操作复杂度。

我目前主要使用 drawio 画时序图，有时候可能会画一些架构图。 但是目前看画时序图会比较蠢， 我使用转 mermaid 语法的方式是 OK 的，。

[daweii]

@niboy 现在还只做出来功能，prompt 那边还没调。接下来会好好调 prompt 让他的生成更加自然。

[daweii]

@xyfan 我也注意到了这一点，我在逻辑上确实是设置把当前绘图的 XML 作为上下文送入，可能是出 bug 了。。我仔细检查一下。

[skywalkerfc]

挺厉害的，小众赛道

[korvin]

[ChoiYoonJung]

star 了，drawio 用的很多，期待后续

[QAQqingju]

用了生成 ppt ，文字都在图形的上面，然后让改得时候，会弹窗提示出错，然后就好了，但是每次都是清空画布后再增加比之前多的图形，不够丝滑

[hxzhouh1]

已经 star ，关注