我编程15年，脑袋里有一条认知就是：最懂项目开发的人，恰恰画不出漂亮实用的架构图。 因为往往编程高手、技术大拿，或多或少会是理科思维，天生对审美和画图不敏感，也不擅长。
嗨，你好，我是技术胖。今天是写AI视频日记的第三天。昨天开会看到同事在讲解项目时用了这样一张漂亮的项目架构图。请教后，我也把个人项目【极简工作日记】生成了漂亮的架构图。
今天的AI视频日记，三分钟教会你如何生成这样的项目架构图。可以看到这张图首先是审美可以，并且它的每一种颜色都有特点的意义。
一. 使用场景
其实你能生成这种项目架构图是非常有用的。我举几个使用场景。
- 快速了解陌生项目： 比如在Github上找到一个新项目，想快速了解技术架构和细节，就可以让它生成这张图。这样理解就非常直观了。
- 方案评审/架构决策会 ： 就如开始时说的，开会时演示架构，让领导能快速了解技术架构。而且看起来风场专业。
- 对外交付/写开发文档： 当项目有完成时，把图放进技术和开发文档里。原来我们经常使用的是Visio的老图，缺乏审美。
二、技能说明和安装方法
这是一个在Github上的开源项目，目前有7.5K 的Star，它说明是一个Claude 的Skill，但我测试了一下，在国产Agent上也是完全可以使用的。我使用的就是免费开源的DeepSeek Harness。
项目地址:https://github.com/Cocoon-AI/architecture-diagram-generator
安装方法: 把地址交给Agent ，然后让它自己安装。
查看并安装 https://github.com/Cocoon-AI/architecture-diagram-generator 这个Skill
然后我们稍等一会，就可以安装完成了。
三 、 使用方法
1. 斜杠命令（最直接）
当安装好以后你可以调用命令，直接来到项目根目录文件，然后跟Agent说。
/architecture-diagram 画一张我这个项目的架构图。
2. 直接说
分析这个代码的架构，列出主要组件、调用关系、技术栈，然后画成架构图。
稍等一会就会产出两样东西，一个特是png格式的图片，一个是html的网页文件。因为他是SVG格式画的，所以在网页文件里，还会有动效。
四.写在最后
最后我再聊聊对AI的认识，我觉的AI是穷人最大的一次翻身机会，背后的这个词就是技术平权。比如我不擅长作图，在AI的帮助下也能做出这样漂亮的架构图。以前老板想要做出同样效果的图，可能要额外雇佣一个美工，再配合程序员来完成，所以我做不出来，但老板可以做出来。在地球OnLine这个游戏中，第一次有了和富人一样的装备，一样的副本。我们要做的就是进入副本，并使用极品装备打BOSS。
好了就聊到这里，我是技术胖，我们下期视频见了。
用户留言