[FEATURE]: Mermaid rendering in chat #2234

Open
opened 2026-02-16 17:34:47 -05:00 by yindo · 7 comments
Owner

Originally created by @wreed4 on GitHub (Oct 22, 2025).

Feature hasn't been suggested before.

  • I have verified this feature I'm about to request hasn't been suggested before.

Describe the enhancement you want to request

Is there any interest in getting mermaid diagrams to render in the Chat UI?? I've found it to be really useful to ask opencode to diagram code flows or documented processes for me to understand them at a glance, but it tends to do that with ascii art. When I ask it to do it in mermaid it does, but the UI doesn't render it. It'd be useful to get it to natively support mermaid so I can more easily export those and put them into files or reminders. It's not critical since it's easy enough to get the LLM to go back and forth, but it'd be a nice feature IMO.

Originally created by @wreed4 on GitHub (Oct 22, 2025). ### Feature hasn't been suggested before. - [x] I have verified this feature I'm about to request hasn't been suggested before. ### Describe the enhancement you want to request Is there any interest in getting mermaid diagrams to render in the Chat UI?? I've found it to be really useful to ask opencode to diagram code flows or documented processes for me to understand them at a glance, but it tends to do that with ascii art. When I ask it to do it in mermaid it does, but the UI doesn't render it. It'd be useful to get it to natively support mermaid so I can more easily export those and put them into files or reminders. It's not critical since it's easy enough to get the LLM to go back and forth, but it'd be a nice feature IMO.
yindo added the discussion label 2026-02-16 17:34:47 -05:00
Author
Owner

@rekram1-node commented on GitHub (Oct 22, 2025):

We are currently rewriting the tui and it should ship this week, once it ships we can consider this more

@rekram1-node commented on GitHub (Oct 22, 2025): We are currently rewriting the tui and it should ship this week, once it ships we can consider this more
Author
Owner

@webboty commented on GitHub (Oct 22, 2025):

Awesome. I had been thinking of adding this a s feature request as well. :-)

@webboty commented on GitHub (Oct 22, 2025): Awesome. I had been thinking of adding this a s feature request as well. :-)
Author
Owner

@berenar commented on GitHub (Oct 24, 2025):

You could use https://github.com/hustcc/mcp-mermaid for the time being

@berenar commented on GitHub (Oct 24, 2025): You could use https://github.com/hustcc/mcp-mermaid for the time being
Author
Owner

@simonlearnscoding commented on GitHub (Oct 31, 2025):

oh yes mermaid in chat would be awesome!!

@simonlearnscoding commented on GitHub (Oct 31, 2025): oh yes mermaid in chat would be awesome!!
Author
Owner

@ddobrinskiy commented on GitHub (Jan 16, 2026):

+1 yes please, very helpful for the LLM to communicate complicated schematics to the user: I use it in Cursor all the time, one of the only thing I miss from there

@ddobrinskiy commented on GitHub (Jan 16, 2026): +1 yes please, very helpful for the LLM to communicate complicated schematics to the user: I use it in Cursor all the time, one of the only thing I miss from there
Author
Owner

@dl-alexandre commented on GitHub (Jan 29, 2026):

https://agents.craft.do/mermaid

@dl-alexandre commented on GitHub (Jan 29, 2026): https://agents.craft.do/mermaid
Author
Owner

@anis-dr commented on GitHub (Feb 3, 2026):

Built an OpenCode plugin that renders mermaid diagrams as ASCII art directly in the TUI:

https://github.com/anis-dr/opencode-mermaid-renderer

Install:

{
  "plugin": ["opencode-mermaid-renderer@0.0.3"]
}

Supports flowcharts, sequence, state, class, and ER diagrams. Uses beautiful-mermaid under the hood.

Thanks @dl-alexandre for the Craft mermaid library suggestion!

@anis-dr commented on GitHub (Feb 3, 2026): Built an OpenCode plugin that renders mermaid diagrams as ASCII art directly in the TUI: **https://github.com/anis-dr/opencode-mermaid-renderer** Install: ```jsonc { "plugin": ["opencode-mermaid-renderer@0.0.3"] } ``` Supports flowcharts, sequence, state, class, and ER diagrams. Uses [beautiful-mermaid](https://github.com/lukilabs/beautiful-mermaid) under the hood. Thanks @dl-alexandre for the [Craft mermaid library](https://agents.craft.do/mermaid) suggestion!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#2234