diagram-studio-mcp
Allows rendering Mermaid diagrams as PNG or SVG images via Kroki.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@diagram-studio-mcpCreate a Mermaid flowchart showing the order process"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
@0pvalencia/diagram-studio-mcp
MCP para renderizar diagramas (Mermaid, Graphviz, PlantUML, D2) vía Kroki.
Cursor / Claude / VS Code
Local (recomendado si clonas el repo)
{
"mcpServers": {
"diagram-studio": {
"command": "node",
"args": ["/ABSOLUTE/PATH/TO/diagram-studio-mcp/dist/cli.js"]
}
}
}Tras clonar: npm install && npm run build.
npx (sin clonar)
{
"mcpServers": {
"diagram-studio": {
"command": "npx",
"args": ["-y", "@0pvalencia/diagram-studio-mcp"]
}
}
}Si abres este repo en Cursor y usas
npx, hace faltanpm install && npm run buildpara que el bin local exista. Sin eso,npxfalla condiagram-studio-mcp: not foundy el MCP se queda cargando.
Related MCP server: dgmo-mcp
Install / run
npx -y @0pvalencia/diagram-studio-mcpLocal
npm install
npm run build
npm startTools
render_diagram— source + engine → PNG/SVGlist_engines
Opcional: KROKI_URL (default https://kroki.io).
Opcional: KROKI_URL (default https://kroki.io).
License
MIT
Available Tools
2 toolslist_enginesListar enginesB
Engines soportados y URL de Kroki.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden of behavioral disclosure. It only states a noun phrase, giving no information about whether the operation is read-only, the output format, or any side effects. The agent cannot infer safety or return structure from the description.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is extremely concise, using only four words. It is front-loaded and wastes no words, but it is so sparse that it sacrifices clarity. Still, for a tool with no parameters and a simple purpose, the brevity is acceptable.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's low complexity (zero parameters, no output schema), the description is minimally viable. However, it does not explain what the returned data will look like (e.g., a list of engine names and a URL) or any context on how to use the results with the sibling tool. Some gaps remain, but the purpose is clear enough for a simple list operation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool has zero parameters, and the schema fully covers the input (empty object). According to the guidelines, a baseline of 4 is appropriate for no-parameter tools. The description adds no parameter semantics, but none are needed.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description 'Engines soportados y URL de Kroki' clearly identifies the resource as supported engines and the Kroki URL, and the tool name 'list_engines' explicitly indicates the action. It distinguishes itself from the sibling tool 'render_diagram' by focusing on engine discovery rather than rendering.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus the sibling 'render_diagram'. Usage context is only implied by the tool name and the fact that rendering requires knowing available engines, but no explicit when-to-use or alternatives are mentioned.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
render_diagramRenderizar diagramaA
Renderiza source con Kroki. Engines: mermaid, graphviz (DOT), plantuml, d2, erd. Devuelve path del archivo y base64 (recortado en text si es grande).
| Name | Required | Description | Default |
|---|---|---|---|
| engine | No | mermaid | |
| format | No | png | |
| source | Yes | ||
| outputPath | No | Ruta de salida; default /tmp/diagram-studio/<timestamp>.<fmt> |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full disclosure burden. It goes beyond a simple action statement by revealing the return type (file path and base64) and the truncation behavior for large diagrams. This is additional behavioral context. However, it does not mention side effects like filesystem writes (though implied by 'path del archivo'), network dependencies, or possible error conditions, so it 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.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is two sentences long, immediate and front-loaded with the main action. It wastes no space and includes only relevant details: the rendering service, supported engines, and the concise return format. Every word earns its place.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a tool with 4 parameters, no annotations, and no output schema, the description provides a solid foundation: it explains the purpose, engine options, and return format with a caveat. It relies on the schema for outputPath default and format enum details, which is acceptable. It does not cover error cases or clarify what constitutes 'large', but it is sufficient for an agent to understand and invoke the tool correctly in most scenarios.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is low at 25%, with only outputPath having a schema description. The description adds the list of engines, which duplicates the schema enum but also clarifies that graphviz expects DOT syntax. It does not provide additional meaning for the format or source parameters, which remain minimally explained. Thus, the description partially compensates for the low schema coverage but does not fully fill the gap.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the verb 'Renderiza' with the resource 'source' and identifies Kroki as the rendering service. It also lists supported engines, which distinguishes it from the sibling list_engines tool whose purpose is simply listing engines. The action is specific and unambiguous.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies when to use this tool (to render diagrams) and indirectly contrasts with list_engines, but it never explicitly states 'use this when you need to render' or 'use list_engines to see available engines'. There are no prerequisites, exclusions, or alternative scenarios mentioned, so the guidance remains implicit rather than direct.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
2 tool updates
v0.1.1- First observed
list_engines - First observed
render_diagram
TDQS
Scored across 2 tools
The two tools have entirely distinct roles: rendering diagrams versus listing supported engines. No overlap in purpose.
Both tools follow a clear verb_noun pattern (render_diagram, list_engines), making the API predictable.
With only two tools, the server feels minimal but appropriate for a narrow scope; however, it borders on thin for a typical server.
The core rendering capability is present alongside engine information, but additional conveniences like validation or format conversion are absent.
Maintenance
Related MCP Connectors
Render, verify, describe, and safely edit Mermaid diagrams through MCP.
Collaborative whiteboard MCP server — create objects, connectors, C4 diagrams, and manage boards
MCP server for progressive tool usage at any scale (see https://klavis.ai)
Focused MCP server for OpenAI image/audio generation (v2.0.0). Wraps endpoints via HAPI CLI.
Related MCP Servers
- AlicenseBqualityCmaintenanceA Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images.1113 npm234MIT
- AlicenseAqualityAmaintenanceMCP server for rendering 35+ diagram types — sequence, flowchart, ER, C4, gantt, mindmap, infra, and more — to SVG/PNG with browser preview. Local rendering with palette/theme support and shareable diagrammo.app URLs.211423 npm3MIT
- AlicenseNot gradedqualityCmaintenanceMCP server for rendering Mermaid diagrams and generating source-code diagrams, with tools to render text/files and produce dependency/class diagrams.47 npmMIT
- FlicenseNot gradedqualityDmaintenanceMCP server that generates Mermaid diagrams with live browser preview, supports real-time rendering and SVG/PNG export.12-