罗老师 Mermaid 图解助手
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_b4a8b79e/lls-mermaid-diagram。
技能介绍
问题从哪来
技术文档、流程说明和方案讨论里,常见「一大段话」:步骤嵌在段落里、系统调用顺序要靠脑补、状态切换没有一张总览。你真正需要的是能贴进飞书、Obsidian、GitHub 或演示稿的结构图,而不是一段「看起来对」却从未跑通的 Mermaid 片段。
技能怎么做事
助手会先把你给的材料压成一句中心问题,再按问题类型选图型(例如顺序推进用 flowchart,多系统协作用 sequenceDiagram,状态机用 stateDiagram-v2 等);若你没指定图型,会先简短说明理由再直接出图,而不是把选择题丢回给你。
随后建立节点清单:每个节点只承载一个含义,优先「动作 + 对象」或「角色 + 职责」,长说明放在图后。连接边上会写清顺序、条件分支和失败路径;中文节点与特殊字符统一用双引号,避免把 URL 或复杂 Markdown 塞进节点。
交付前会用 Mermaid CLI(mmdc)对代码做真实编译;失败则缩小到最小复现片段修复,最多连续尝试三次。输出包含:一句话结论、已验证代码、三到五条人话解释,以及验证回执;核心节点超过约 15 个时会优先拆图而不是硬塞一张。
边界与注意
它解决的是「看懂结构」与「可渲染代码」,不是替你做业务决策或填真实客户数据。飞书与 Obsidian 对语法支持略有差异,应以目标平台实际渲染为准;若要求「一张图装下全部」,通常会先给不超过 12 个主节点的总图,再附子图。
使用场景
- 把 Skill 从本地源文件到三端发布的步骤整理成流程图,用于团队评审或 README
- 多系统订单链路需要时序图说明各服务调用顺序,便于写设计文档或 onboarding
- 项目状态机写在 PRD 段落里,需转成 stateDiagram 贴进 Obsidian 或飞书知识库
- 方案分类与模块组成适合用 mindmap 呈现,再拆子图为 flowchart 讲实施顺序
适合人员
- 写架构/流程说明、需要可编译 Mermaid 贴 GitHub 或内网 Wiki 的后端或平台工程师
- 在飞书文档里用图解讲清业务链路、且要求节点短、分支带标签的产品或实施同学
- 用 Obsidian 维护知识库、希望长文笔记自动变成可编辑图表而非截图的独立创作者
- 准备演示稿或培训材料、要把复杂机制拆成总图加子图的技术讲师或文档 owner