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 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/diagram-generator/raw/index.md(查看排版版本)