Mermaid Chart

By Mermaid Chart Inc

Get New App Alerts

Open in ChatGPT

Open in Claude

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.

fetch_diagrams

ChatGPT

Fetch code, titles, folder IDs, and links for up to five saved diagrams. Use this tool only when you need their code. Retry failedDocumentIDs when needed.

list_folders

ChatGPT

List Mermaid account folders with IDs, names, and links. The first folder is the personal default folder. Use folderID for saves only if save_diagram's available schema includes folderID.

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.

display_mermaid

Claude

get_diagram_by_url

Claude

list_personal_diagrams

Claude

repair_diagram

Claude

save_diagram

Claude

sign_in

Claude

update_diagram

Claude

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.

Capabilities

InteractiveWrites

Example Prompts

Click any prompt to copy it.

Links

Documentation Privacy Policy

Similar Apps