【工具】Mermaid + 大模型画流程图
🌈个人主页: 鑫宝Code
🔥热门专栏: 闲话杂谈｜ 炫酷HTML | JavaScript基础
💫个人格言: "如无必要，勿增实体"
文章目录
- 引入
- 使用
- 画TCP三次握手
- 了解历史人物
- 总结
引入
最近看面试文章关于TCP三次握手和四次挥手的文章，时常会看到有类似的图去描述这样的过程。当然觉得这样的图还是蛮规范的，属于流程图的一种，是否有工具可以自动生成呢？但没有细想，昨天刷V2EX看到也有老哥发出了这样的问题。于是顺着评论区大佬的回答，我GET到了一个工具Mermaid
这里三次握手的图取自小林coding的文章
使用
那该如何使用呢？我们通过举几个🌰来进行说明
画TCP三次握手
1️⃣ 打开 豆包 OR 其他大模型
2️⃣ 输入Prompt,这里我输入的是
我使用Mermaid，我想画一个TCP三次握手和4次挥手的Sequence图，能给我对应的Code吗
于是得到如下的结果：
3️⃣ 复制对应的代码，打开 Mermaid 网站，黏贴进去即可。
当然，如果你有ChatGPT4的话，就可以直接问GPT4直接生成啦。以下是GPT4直接生成的答案😋
了解历史人物
很多小伙伴问，用这个能玩出什么有意思的事情呢，这里我举一个🌰，用来画历史人物的出现的时期，比如说我们知道李白是盛唐时期的诗人，这里特意说明下，李白是诗人，不是刺客🐶。杜甫呢，运气不太好，是晚唐时期的诗人。但是很多时候，由于时间线，我们不是很清楚他们出现的时代。所以我们将唐朝的诗人按照时间线进行排序。
我这里输入的Prompt是
我使用Mermaid，我想将唐朝最有名的10位诗人按照出现的时间顺序画出对应的图，你帮我确定什么图结构合适，并给我对应的Code
下面是 豆包 生成的答案。
GPT4生成的答案如下，采用的是Gantt图，不过都是英文😂。
总结
感觉通过大模型 + Mermaid能提高不少效率。可以算是提高效率的秘籍了。
- 例如在学生时代，很多计算机的作业，例如
xxx 管理系统不仅可以直接让大模型生成代码，还可以直接生成Mermaid图，可以直接成为卷王中的卷王。😂 - 抑或是工作时期，直接根据需求用大模型生成对应的
Java代码，然后在用Mermaid生成对应的Class图，1天的活直接半小时完成了，接下来可以继续摸鱼刷社区了，🤤
