Easily convert Mermaid diagrams generated with AI tools like Claude.AI, ChatGPT, and Mistral to PNG or PDF. Ideal for including diagrams in technical documentation or presentations.

If you need help with this tool contact us.

How to use the viewer

  1. Generate the diagram with AI:

    Example prompt for Claude.AI or ChatGPT:

    "Create a Mermaid diagram showing a simple decision process for temperature control. The process starts from 'Start', checks if the temperature is greater than 25°C, if yes, activates the air conditioner, otherwise maintains the current temperature. Both paths should converge to an 'End' node. Use a flowchart style with rectangular nodes for actions and a diamond for the decision."

    Example of the resulting diagram:

     flowchart TD
    A[Start] --> B{Temperature > 25°C?}
    B -->|Yes| C[Activate AC]
    B -->|No| D[Maintain Temperature]
    C --> E[End]
    D --> E
  2. Insert the Mermaid code:
    • Directly paste the code generated by the AI in the textarea
    • Or save the code to a file and upload it via the "Upload File" button
  3. Convert the diagram:
    • The diagram will be displayed automatically
    • Use the PNG or PDF buttons to save the diagram in the desired format

Tip: If you're working with Claude.AI, you can ask it to optimize or modify the diagram until you get exactly the representation you want.