diagram-generator

基于MCP协议的多格式图表生成与编辑工具

安装使用

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

帮我安装这个 AI Skill:diagram-generator。
它的用途是:基于MCP协议的多格式图表生成与编辑工具
完整的 Skill 内容见:https://321skill.com/skills/diagram-generator/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

“帮我画一个展示用户登录流程的序列图,包含客户端、网关、认证服务和用户数据库。”,它会调用该Skill生成一个标准的UML序列图文件。或者你说:“我有个.drawio文件,需要把里面的服务器节点颜色都改成蓝色。”,它会定位并修改指定文件中的元素样式。

介绍

这个Skill解决了在AI对话中直接创建和编辑各类技术图表与架构图的痛点。它通过集成的MCP服务器,让用户无需离开对话界面,即可生成流程图、序列图、网络拓扑图等,并支持编辑现有的.drawio、.mmd和.excalidraw文件。

使用时,只需在对话中描述你的图表需求,例如“画一个微服务架构图”或“修改这个流程图”,该Skill便会调用后端服务生成或编辑对应的图表文件。它支持多种专业图表类型,并能理解自然语言描述来调整图表元素。

它非常适合需要频繁绘制技术文档、设计系统架构或进行方案演示的开发者、架构师和产品经理。无论是快速绘制草图还是精细调整现有图表,都能大幅提升工作效率。

建议在提出需求时尽量具体,例如说明图表类型、主要组件和关系。由于它依赖于特定的MCP服务器,请确保运行环境已正确配置该服务。对于极其复杂或需要高度艺术设计的图表,可能仍需借助专业设计软件进行最终润色。

核心特点

核心区别在于它通过MCP协议集成了专业的图表生成服务器,支持直接编辑.drawio、.mmd、.excalidraw等多种源文件格式,而非仅生成静态图片;同时专为技术图表场景优化,对网络拓扑、架构图等支持更精准。

注意事项

不适合需要高度艺术化、非技术类(如信息图、海报)或涉及复杂交互动态效果的图表设计。

常见问题

这个Skill能画哪些类型的图?

支持流程图、序列图、类图、ER图、架构图、网络拓扑图、泳道图以及Excalidraw白板绘图等。

可以编辑我本地的图表文件吗?

可以,它支持读取和编辑本地的.drawio、.mmd和.excalidraw格式文件。

给 AI 助手的安装指引

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

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