程序员老鬼

Architecture Diagram Generator:一句人话,直接出一张能汇报的架构图

我点进这个项目的时候,第一眼不是“AI 画图”,而是它做出来的图居然真有点能直接拿去开会的意思。

不是那种一眼就能看出是临时拼出来的流程框。

整个风格偏暗色,前端、后端、数据库这些组件会自动分色,青色、绿色、紫色铺开以后,层次一下就出来了。再加上 JetBrains Mono 字体,观感很像开发者常见的那套“技术审美”,不花,但挺干净。

Image

它好用的地方也不复杂。

你不用先学一套 DSL,也不用手动拖框连线。直接用大白话把系统里有什么、谁连谁、数据怎么走说出来,它就能生成一张完整架构图。手上有代码的话,甚至可以直接丢给 AI 让它分析,再把组件关系整理出来。

这一步其实很省事。

很多人不是不会画图,是懒得从零摆布局。尤其做方案汇报、写技术文档、补项目说明的时候,最烦的就是框太多、线太乱、改一处全图跟着动。这个项目把最烦的那段活,直接交给 AI 了。

还有个细节我觉得挺实用:它吐出来的是一个独立 HTML 文件。

Image

也就是说不用装一堆额外工具,浏览器打开就能看。要改图也不用推倒重来,继续对话就行,想加组件、删模块、调布局,都可以顺手接着改。

这种工作流对开发者很友好。

先说清楚系统长什么样,再让 AI 把图搭出来;不满意,继续改。它更像是一个能对话的架构图生成器,而不是一次性出图的小玩具。

Image

经常要画架构图、写方案、做技术汇报的,可以先收藏着。

GitHub地址:Cocoon-AI/architecture-diagram-generator