Design

Mermaid Chart

by Mermaid Chart Inc

Overview

Validates Mermaid syntax, renders diagrams as high-quality SVG, and displays them instantly in an interactive UI where users can preview, zoom, and iterate in real time.

Tools

display_mermaid

ChatGPT

Use this tool to display a Mermaid diagram in an interactive UI widget. - The widget renders the diagram directly in the browser using the Mermaid library — no external service required. - The widget shows the diagram code, a "Copy Code" button, and the rendered diagram. - If the diagram has a syntax error, the widget will show the error and offer a repair option. Tips: - Always prefer this tool over using code blocks. - Use documentID when updating an existing diagram that already has a documentID.

list_personal_diagrams

ChatGPT

Lists the user's saved Mermaid diagrams from their Mermaid.ai account.

repair_diagram

ChatGPT

Use this tool to repair an invalid Mermaid diagram: - The tool will attempt to fix the syntax error and render the corrected diagram to a UI widget. - Provide the broken diagram code and the error message from the previous validation attempt.

save_diagram

ChatGPT

Use this tool to save the diagram to the user's account. The tool will save the diagram and return the updated diagram information.

update_diagram

ChatGPT

Use this tool to update the diagram in the user's account. The tool will update the diagram and return the updated diagram information.

validate_and_render_mermaid_diagram

Claude

Use this tool to output a Mermaid diagram: - The tool will validate the diagram syntax and render it to a UI widget. - The widget will contain the diagram code, a "Copy Code" button, and a rendered diagram. - If the diagram is invalid, the widget will give user a link to repair the diagram in Mermaid Live.

App Stats

Tools

Prompts

May 7, 2026

First seen

ChatGPT, Claude

Platforms