Agent Skills
返回列表
Mermaid Awesome 图表生成器

Mermaid Awesome 图表生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_c1d16043/mermaid-awesome。

技能介绍

为什么需要它

智能体写文档时，用自然语言描述依赖、状态或流程，往往不如一段 Mermaid 源码直观。问题不只是“能不能画图”，而是模型容易选错图型、写错声明、忘记给带标点标签加引号，或生成只依赖某个渲染器的样式。

工作方式

该技能把任务限定为 Markdown 原生的 Mermaid 图表：

  • 从请求和上下文中抽取实体、状态、消息、决策或依赖。
  • 选择最小可用图型：flowchart、sequenceDiagram、stateDiagram-v2、classDiagram、erDiagram 等。
  • 生成语法完整的源码，节点标识稳定，标签简洁，含标点时加引号。
  • 可用时先渲染校验，再以内联 mermaid fenced block 或文件交付。

适用边界

它适合生成可嵌入 README、设计文档或架构说明的图。若需要严格 UML、详细 C4 或 ProcessOn 可编辑链接，应切换到对应技能。不要让它为了“看起来完整”补全资料中不存在的依赖或状态。

使用场景

  • 在 README 里为服务调用链路补一段 `sequenceDiagram`，说明请求、响应和超时分支。
  • 把部署流程中的判断节点画成 `flowchart LR`，明确输入、校验、处理与拒绝分支。
  • 为状态生命周期写 `stateDiagram-v2`，标注事件触发和状态迁移，放进设计文档。
  • 在架构说明中生成轻量 Mermaid 图，展示模块依赖而不是只写文字描述。

适合人员

  • 写 README 或设计文档的工程师，需要把流程、依赖和状态画成可渲染的 Mermaid 源码。
  • 维护架构说明的技术写作者，需要把模块关系转成 Markdown 可识别的图表。
  • 做智能体工作流的开发者，希望模型按 Mermaid 语法选择图型并避免无效标签。
  • 交付文档文件的工程师，需要按约定把 Mermaid 图保存为 Markdown fenced block。