LLM 控制 Drawio 生成流程图的网站更新了 现在能画各大云的构架图以及动态箭头图

查看 14|回复 0
作者:daweii   
大约一年前之前发过一帖: https://www./t/1120534
之前只能算个基本的雏型,现在有了很多改善。
Web 框架用的 Nextjs 。原理就是用 Embed Drawio 然后通过输入和输出 XML 的结果来控制 Drawio.  
特征如下:  
  • 直接和 Drawio 无缝连接,不用复制粘贴来回倒腾 Drawio 的 XML 文件。
  • 支持图像输入,可以直接发个手绘图让 llm 画图。
  • 有历史功能。可以回溯到之前的编辑记录。
  • [ New ] 图像修改功能,修改时不是重新生成而是想 ai 编程工具一样只修改特定的部分。
  • [ New ] 各大云的架构图也能画了(用的 Claude 4.5 ,它的训练数据里有各大云的图标。
  • [ New ] 能画动态箭头(这个也归功于模型升级)

    下面是一些演示:  
    Demo 动画
    https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
    Animated transformer connectors
    Prompt: Give me a animated connector diagram of transformer's architecture.

    Azure

    GCP

    AWS

    Mao(当然,猫也还是能画的)

    最后说一个模型选择的问题。现在模型是 Claude 4.5 ,还有能与之竞争的是 GPT5.1 。GPT5.1的猫画的更可爱,而且支持 tool input streaming ,生成时更加丝滑,奈何 GPT5.1 训练数据里没有云厂商的图标,只能生成最基本的图形,所以最终选了 Claude 4.5.
    希望大家能给个小星星😁。
    Github : https://github.com/DayuanJiang/next-ai-draw-io
    Demo 站(手机用不了,得在桌面打开): https://next-ai-drawio.jiang.jp/
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部