mcp-server

Mermaid MCP Server

Name: Mermaid MCP Server
Author: peng-shawn

A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images

234 stars20 forksJavaScriptUpdated 6/21/2025100% free · open source

What it does

Runs a local HTTP server that turns Mermaid diagram code into PNG images via a simple API.

When to use it

•You need to generate diagram images on‑the‑fly for reports, emails, or product docs.
•Your CI/CD pipeline must render Mermaid charts without installing heavy GUI tools.
•You want a cheap, self‑hosted alternative to SaaS diagram‑as‑a‑service for your internal tools.

Ready-to-paste prompt

curl -X POST http://localhost:3000/render -H "Content-Type: application/json" -d '{"code":"flowchart TD\n    Start-->Decision{Is it working?}\n    Decision--Yes-->End\n    Decision--No-->Fix[Fix the bug]\n    Fix-->Start"}' --output bugflow.png

Heads up: The server requires Node ≥14; if you run `node -v` and see an older version, upgrade first or the server will crash at start‑up.

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/mermaid-mcp-server && curl -fsSL https://workflowstacks.com/api/skills/mermaid-mcp-server/claude-skill -o ~/.claude/skills/mermaid-mcp-server/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/mermaid-mcp-server && curl -fsSL https://workflowstacks.com/api/skills/mermaid-mcp-server/claude-skill -o ~/.claude/skills/mermaid-mcp-server/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

peng-shawn

Language

JavaScript