Diagrams

It is often useful to ask the LLM to generate a diagram. Fortunately, many LLMs already know mermaid, a popular Markdown extension to create diagrams and charts.

• Install the Markdown Preview Mermaid Support extension for VS Code.

• Mention diagram in the program or add the system.diagram in the system prompt list.

$`Generate a diagram of a merge.`

👤 user

Generate a diagram of a merge.

🤖 assistant

```mermaid
graph LR
    A[Master] --> B((Merge Point))
    C[Feature Branch] --> B
```

The generated markdown will look like this:

```mermaid
graph LR
  A[Master] --> C[New Commit]
  B[Feature Branch] --> C
```

and it gets rendered automatically once you install the extension.