画图不用求人了！一个 Skill 把自然语言变成专业 Mermaid 图

画图这件事，终于不用再求人了

做设计或者写技术文档的时候，最头疼的是什么？画图。

流程图要画吧？架构图要画吧？数据库关系图、用户旅程图、时序图……每次都要打开 Visio、Figma 或者各种在线工具，折腾半天才憋出一张图。

今天介绍一个 AI Agent Skill，叫 diagramming，专门解决这个痛点——你只需要用自然语言描述，它就能给你吐出专业的 Mermaid 图表或者 ASCII 图。

这个 Skill 能干什么

支持的图表类型非常全：

• 流程图（flowchart）：业务流程、决策树
• 时序图（sequence diagram）：API 调用链、交互流程
• 类图（class diagram）：面向对象结构
• 状态图（state diagram）：状态机、流程状态
• ER 图：数据库实体关系
• C4 模型：系统架构视图（Context/Container/Component）
• 思维导图（mindmap）：头脑风暴
• 甘特图（gantt）：项目时间线
• 还有 Git 提交图、用户旅程图、饼图……

简单说，凡是你能在 Mermaid 里画的，它基本都能搞定。

怎么用

安装超简单，一条命令：

npx skills add https://github.com/joaquimscosta/arkhe-claude-plugins --skill diagramming

装完之后，只要你说”帮我画个流程图”、”做个系统架构图”、”用时序图展示这个 API”，Agent 就会自动识别并调用这个 Skill 生成对应图表。

它还支持 ASCII 图，专门给终端场景准备——纯文本环境也能出图，很实用。

什么时候用不了

• 需要 Figma 那样的高保真 UI 设计稿——它出的是代码级图表，不是设计稿
• 需要交互式图表（可点击、可缩放）
• 非 Mermaid/ASCII 的特殊绘图需求

适合谁

技术写作者、后端开发者、系统架构师、产品经理做 PRD 文档……只要你有”用文字描述清楚一个流程/系统/关系”的需求，这个 Skill 都值得一试。

GitHub 链接附上，Star 和安装量在 LobeHub 上目前还在爬升期，属于被低估的那类工具：

https://github.com/joaquimscosta/arkhe-claude-plugins

GitHub: https://github.com/joaquimscosta/arkhe-claude-plugins