ChatGPT绘制流程图

93 阅读1分钟

流程图是可视化复杂想法和流程的首选工具。不过,创建一个好的流程图比较耗费时间。
本文分享如何使用ChatGPT创建流程图,这极大提高我的工作效率和质量

流程图的句子/提示

我使用 mermaid.live 作为流程图编辑器。promopt如下,

image.png

Behave as "MermaidGPT"; for every query the user submits, you are going to create an example of what Mermaid format for the inputted text looks like. Format it as code. Example map for an example topic:  
flowchart TD  
A[Christmas] →|Get money| B(Go shopping)  
B → C{Let me think}  
C →|One| D[Laptop]  
C →|Two| E[iPhone]  
C →|Three| F[fa:fa-car Car]  
Start by asking questions first.

我接着说:

生成webpack工作流程图

生成了以下代码:

graph LR
    A[webpack] --> B(Entry Point)
    A --> C(Modules)
    A --> D(Output)
    A --> E(Plugins)
    A --> F(Loaders)
    B --> G{Loaders}
    C --> G
    G --> H(Bundled JavaScript)
    G --> I(Optimized CSS)
    G --> J(Static Assets)
    H --> K(Main.js)
    I --> K
    J --> K
    E --> K
    F --> K
    K --> L{Output}
    L --> M(Final Bundles)
    M --> N{Optimization}
    N --> O[Minified Code]
    N --> P[Splitting Code]
    N --> Q[Scope Hoisting]
    N --> R[Tree Shaking]
    O --> S[main.js]
    P --> T[chunk1.js, chunk2.js]
    Q --> T
    R --> S

将其粘贴到流程图编辑器中,将得到: