Skip to main content
Glama
niradler

diagram-mcp

by niradler

render_mermaid

Render Mermaid diagrams to SVG, PNG, JPG, or PDF formats with custom styling and output as a URL, saved file, or raw data.

Instructions

Render a Mermaid diagram to SVG, PNG, JPG, or PDF format with comprehensive styling and output options. Output options:

  • "link" (default): Returns a localhost URL for easy viewing (always show the user the link he can view the diagram in a browser)

  • "filepath": Saves to disk and returns the file path

  • "raw": Returns base64 data for images or raw SVG string

Examples:

  • Basic SVG: Just provide mermaidCode for raw SVG data

  • Localhost image: Set format='png' with output='link' (default) to get a localhost URL

  • Save to disk: Set output='filepath' to save and get file path

  • Base64 image: Set output='raw' to get base64 data for tags

  • Custom styling: Use theme, backgroundColor, and dimension options for tailored appearance

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
themeNodefault
widthNo
formatNosvg
heightNo
outputNolink
qualityNo
darkModeNo
filePathNo
fontSizeNo
sequenceNo
flowchartNo
fontFamilyNo
htmlLabelsNo
maxTextSizeNo
mermaidCodeYes
backgroundColorNo
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations are minimal (only title) with no destructive or readOnly hints. The description adds value by explaining output behaviors (localhost URL, file saving, raw data) and hints at non-destructive rendering. However, it does not disclose potential side effects, authorization needs, or whether the tool modifies existing resources. With no annotations, the description carries the burden but is not fully transparent.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise with a clear first sentence, followed by a bullet-like list of output options and examples. It front-loads the core purpose. The examples section is slightly lengthy but informative. Overall efficient with minimal redundancy.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given high complexity (16 parameters, nested objects, no output schema), the description is incomplete. It fails to explain most parameters, does not describe return value structure for each output type, and provides no guidance on sequencing with sibling tools. The examples help but do not compensate for the missing detail on half of the parameters.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters2/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 0%, so the description must compensate. It mentions a few parameters (theme, backgroundColor, format, output) in examples but does not explain over 10 parameters (e.g., quality, darkMode, filePath, sequence, flowchart options). The description says 'comprehensive styling and output options' but lacks detail, leaving many parameters ambiguous.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states 'Render a Mermaid diagram' with specific output formats (SVG, PNG, JPG, PDF) and mentions styling options. The verb 'render' and resource 'Mermaid diagram' are specific and distinct from sibling tool 'render_plotly' which suggests Plotly charts.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides clear context on output options (link, filepath, raw) and includes examples for common use cases. However, it does not explicitly state when to use this tool versus the sibling 'render_plotly', though the diagram type implies it. No explicit exclusions or alternatives are given.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/niradler/diagram-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server