【工具】Mermaid + 大模型画流程图

引入

最近看面试文章关于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能提高不少效率。可以算是提高效率的秘籍了。

  1. 例如在学生时代,很多计算机的作业,例如 xxx 管理系统不仅可以直接让大模型生成代码,还可以直接生成Mermaid图,可以直接成为卷王中的卷王。😂
  2. 抑或是工作时期,直接根据需求用大模型生成对应的Java代码,然后在用Mermaid生成对应的Class图,1天的活直接半小时完成了,接下来可以继续摸鱼刷社区了,🤤

相关推荐
minstbe7 分钟前
AI开发 - 算法基础 递归 的概念和入门(二)汉诺塔问题 递归的应用和使用注意 - Python
开发语言·python·算法
Ares码农人生20 分钟前
React 前端框架简介
前端·react.js·前端框架
小汤猿人类20 分钟前
nacos-gateway动态路由
java·前端·gateway
GISer_Jing21 分钟前
前端经典面试合集(二)——Vue/React/Node/工程化工具/计算机网络
前端·vue.js·react.js·node.js
GraduationDesign26 分钟前
基于SpringBoot的在线文档管理系统的设计与实现
java·spring boot·后端
TANGLONG22232 分钟前
【初阶数据结构与算法】八大排序之非递归系列( 快排(使用栈或队列实现)、归并排序)
java·c语言·数据结构·c++·算法·蓝桥杯·排序算法
不想当程序猿_34 分钟前
【蓝桥杯每日一题】与或异或——DFS
c++·算法·蓝桥杯·深度优先
就爱学编程1 小时前
力扣刷题:单链表OJ篇(下)
算法·leetcode·职场和发展
小白—人工智能1 小时前
有一个4*5的矩阵如下,要求编写程序计算总和与平均值,并找出其中值最大的那个元素输出,以及其所在的行号和列号。
数据结构·python·算法·矩阵
xiaosannihaiyl241 小时前
Scala语言的函数实现
开发语言·后端·golang