您现在的位置是:首页 >技术杂谈 >利用GPT生成流程图(markdown的mermaid)网站首页技术杂谈

利用GPT生成流程图(markdown的mermaid)

PP鲨 2023-05-26 20:00:04
简介利用GPT生成流程图(markdown的mermaid)

1.给GPT一些合适的提示词prompt来生成流程图

mermaid是一个基于markdown的,可以用文本语法来描述文档图形(流程图、 时序图、甘特图)的工具,使用时在markdown编辑器里面输入

```mermaid


	```

我的prompt如下

use markdown mermaid, create a flowchat to make a cup of coffee,
selection module is needed you can refer to this :
graph TB
Start(开始) --> Open[打开冰箱门]
Open --> Put[把大象放进去]
Put[把大象放进去] --> IsFit{“冰箱小不小?”}

IsFit -->|不小| Close[把冰箱门关上]
Close --> End(结束)

IsFit -->|小| Change[换个大冰箱]
Change --> Open

2.复制GPT给的代码 在这里插入图片描述

随便找一个支持markdown的编辑器,比如CSDN、typora、VScode的插件Markdown Preview Mermaid Support等等。

```mermaid
graph LR
    A[开始] --> B(选择咖啡种类)
    B --> C(选择咖啡浓度)
    C --> D(选择咖啡数量)
    D --> E(选择糖的种类)
    E --> F(选择奶的种类)
    F --> G(确认订单)
    G --> H(选择支付方式)
    H --> I(支付)
    I --> J(等待制作)
    J --> K(取货)
    K --> L(结束)
    ```

3.让GPT调整流程

可以根据GPT的回答要求它更改,比如我希望在支付前面的一个增加一个选择,用户可以选择用或不用优惠券
在这里插入图片描述

开始
选择咖啡种类
选择咖啡浓度
选择咖啡数量
选择糖的种类
选择奶的种类
选择使用优惠券
优惠券可用?
确认订单
确认订单
选择支付方式
支付
等待制作
取货
结束

这里我发现圆角和直角矩形错了,可以让GPT再改改,或者我自己替换。

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。