uml

通过MCP协议,让AI助手帮你生成UML、Mermaid等各类图表。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:uml。
它的用途是:通过MCP协议,让AI助手帮你生成UML、Mermaid等各类图表。
完整的 Skill 内容见:https://321skill.com/skills/uml/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“请用Mermaid语法画一个简单的电商订单处理状态流程图,包含‘下单’、‘支付’、‘发货’、‘完成’四个状态。”,它会理解你的需求,调用MCP服务生成准确的Mermaid代码并展示出来,你可以直接复制这段代码到Markdown文档中渲染成图。或者,你可以说:“为我的用户服务模块画一个UML类图,包含User、Order、Product这几个类以及它们之间的关系。”,AI会生成对应的类图代码或描述。

介绍

这个Skill是一个MCP服务器,它解决了开发者和技术文档撰写者在沟通、设计和文档过程中,需要快速绘制专业图表但手动绘图耗时费力的问题。它允许你直接通过自然语言向集成了MCP协议的AI助手(如Claude Desktop)描述图表需求,AI助手会调用此服务器,自动生成对应的UML图、Mermaid图表等,并返回可渲染的代码或图片,实现设计与思考的无缝衔接。

使用方式非常简单:你只需在支持MCP的AI助手界面中,像平常一样描述你想要绘制的图表,例如“请为我绘制一个展示用户登录流程的序列图”。AI助手会理解你的意图,并通过后台集成的此MCP服务器生成相应的图表代码(如Mermaid语法),然后呈现给你。整个过程无需你离开对话界面或手动使用绘图工具。

它非常适合需要频繁进行系统设计、绘制架构图、编写技术文档的各类技术角色,如软件工程师、架构师、技术文档工程师以及产品经理。对于在团队协作、方案评审、毕业设计或学术论文中需要可视化表达复杂逻辑和流程的用户来说,这是一个强大的效率工具。

建议在使用时,尽量清晰、结构化地描述图表元素和关系,以便生成更准确的图表。由于它依赖于AI助手对自然语言的理解,对于极其复杂或定制化程度很高的图表,可能需要进行多轮对话调整。初次使用前,请确保你的AI助手已正确配置并连接到此MCP服务器。

核心特点

核心区别在于它深度集成MCP协议,将图表生成能力直接内嵌到AI助手的对话流中,实现了“描述即所得”,无需切换工具或复制粘贴代码;同时专注于技术图表领域,支持UML、Mermaid等多种标准,输出可直接用于技术文档。

注意事项

不适合需要高度艺术化、非标准或极其复杂交互式图表的场景,其生成能力受限于底层图表库和AI对描述的理解精度。

常见问题

如何让Claude Desktop使用这个图表生成功能?

需要将本MCP服务器配置到Claude Desktop的MCP设置文件中,重启Claude后即可在对话中直接使用。

它能生成哪些类型的图表?

主要支持UML类图、时序图、用例图等,以及Mermaid语法支持的流程图、甘特图、饼图等多种图表。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/uml/raw/index.md 读取 uml 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。