mcp

将Mermaid图表代码转换为SVG图片的MCP工具。

安装使用

复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：

帮我安装这个 AI Skill：mcp。
它的用途是：将Mermaid图表代码转换为SVG图片的MCP工具。
详细介绍见：https://321skill.com/skills/mcp-mcp-kroki/
请根据该页面的说明完成安装。

“帮我把这段系统架构的Mermaid代码转换成SVG图片。” 它会调用该Skill，将你的代码发送给Kroki.io进行处理，然后返回一个可嵌入的SVG图片链接或直接显示图片。或者说：“我需要一个描述微服务通信的序列图。” 你提供Mermaid代码后，它也能快速生成对应的可视化SVG图表。

这个Skill解决了开发者和文档编写者在生成技术图表时，需要将Mermaid代码转换为高质量、可嵌入的SVG图片格式的问题。它通过集成Kroki.io服务，将输入的Mermaid图表描述语言实时渲染成SVG矢量图形。

使用时，你只需在支持MCP协议的AI助手（如Claude Desktop）中安装此Skill，然后在对话中提供Mermaid代码，它便会调用Kroki服务生成对应的SVG图片链接或直接返回SVG代码，方便你嵌入到文档、网页或演示文稿中。

它非常适合需要频繁绘制系统架构图、流程图、序列图等技术图表的前后端开发、运维工程师、文档工程师和学术研究者，能显著提升文档编写的效率和专业性。

建议在需要快速生成可缩放、清晰的技术图表时使用。请注意，它依赖Kroki.io的在线服务，生成速度受网络影响，且不适合处理极其复杂或超大型的图表。

核心区别在于它专为MCP协议设计，能无缝集成到Claude等AI助手中，实现对话式图表生成；同时它直接对接成熟的Kroki.io渲染引擎，保证了SVG输出的准确性和广泛兼容性，无需本地安装复杂的图表渲染库。

不适合在完全离线的环境下使用，也无法处理非Mermaid格式的图表代码。

这个工具支持哪些Mermaid图表类型？

支持Kroki.io所支持的所有Mermaid图表类型，包括流程图、序列图、类图、状态图、甘特图等。

生成的SVG图片会存储在哪里？

工具通过调用Kroki.io的API实时生成SVG，通常返回的是图片的数据URI或临时链接，不会永久存储在你的本地或服务器上。