M
MCP&Agent挑战赛 | Mermaid 图表渲染 MCP 服务
sitzfleisch/MCP_MermaidRender_Hub_MCP_Agent_Challenge
Hosted
1 Stars
998 次浏览
更新于 2026-08-23
一个面向 ModelScope 的 MCP Server，用于将 Mermaid 代码渲染为 PNG / SVG。 本项目同时提供可交互的 Gradio Web 界面，便于在线预览与导出。 协议：Model Context Protocol (MCP) 输入： - Mermaid 代码（code） - 输出格式（png|svg） - 宽度（300~2000） 输出： - 渲染后的图像（Base64 内容或内联 SVG） - 尺寸信息 典型场景：流程设计、系统建模、时序/类图、状态机、项目甘特图等的自动可视化
MCP 服务配置
复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用
{
"mcpServers": {
"gradio": {
"args": [
"mcp-remote",
"https://sitzfleisch-mcp-mermaidrender-hub.ms.show/gradio_api/mcp/sse",
"--transport",
"sse-only"
],
"command": "npx"
}
}
}可用工具 （3 个）
该服务在 MCP 协议中暴露的工具，AI 可按需调用
update_format_visibility 1 个参数
该工具无需必填参数，直接调用即可
get_example_code 1 个参数
标准英文关键字示例，避免中文关键字导致渲染错误
该工具无需必填参数，直接调用即可
render_mermaid 3 个参数
渲染 Mermaid 图表： - PNG：返回 PIL.Image 到 gr.Image - SVG：返回 HTML 内联 SVG 到 gr.HTML，并另提供下载文件
该工具无需必填参数，直接调用即可
服务介绍
Mermaid 渲染 MCP 服务
一个兼容 ModelScope 的 MCP 服务器，可以将Mermaid代码渲染成PNG或SVG图像。
该项目还提供了一个交互式的 Gradio 网页界面，用于在线预览和导出。
- 协议: 模型上下文协议 (MCP)
- 输入: Mermaid 代码 (
code)，输出格式 (png|svg)，宽度 (300~2000) - 输出: 带有尺寸信息的渲染图像（Base64 内容或内联 SVG）
- 使用场景: 流程设计、系统建模、序列/类图、状态机、项目甘特图
功能
- 集成化: 单个进程同时提供 MCP 工具和 Gradio UI
- 即用型: 内置示例（流程图 / 序列图 / 类图 / 状态图 / 甘特图）
- 线程安全: 全局锁确保并发渲染的安全性
- 灵活的输出: 支持 PNG（位图）和 SVG（矢量图）
- 统一的 API: 标准 MCP 工具
render_mermaid
