返回顶部
m

mermaid-diagramMermaid图表

Generate Mermaid diagrams for product managers and developers. Use when: (1) creating flowcharts, system architecture diagrams, sequence diagrams, or mind maps, (2) converting text descriptions or PRDs into visual diagrams, (3) drawing user journey maps, state machines, or ER diagrams, (4) any request that mentions "画图", "流程图", "架构图", "时序图", "脑图", "mermaid". Output valid Mermaid code blocks.

作者: admin | 来源: ClawHub
源自
ClawHub
版本
V 1.0.0
安全检测
已通过
1,170
下载量
免费
免费
0
收藏
概述
安装方式
版本历史

mermaid-diagram

Mermaid 图表生成器

根据文本描述生成有效的 Mermaid 图表代码。

图表类型选择

需求推荐类型Mermaid 关键字
业务流程 / 逻辑流程流程图flowchart TD
系统交互 / API 时序
时序图 | sequenceDiagram | | 产品架构 / 系统结构 | 流程图 / C4 | flowchart LR | | 状态机 / 用户状态 | 状态图 | stateDiagram-v2 | | 脑图 / 功能树 | 思维导图 | mindmap | | 数据库结构 | ER 图 | erDiagram | | 项目时间线 | 时间线 | timeline | | 用户旅程 | 旅程图 | journey |

输出规则

  1. 1. 始终将输出包裹在 mermaid 代码块中
  2. 当用户使用中文时,使用中文标签
  3. 为复杂图表添加注释(%%)以解释各部分
  4. 保持节点名称简短(≤10 个字符)以避免布局问题
  5. 输出前进行语法验证 —— 常见错误:
- 包含空格/中文的标签缺少引号 - 箭头语法错误(--> 与 --- 与 ->> 混淆) - 括号未闭合

快速语法参考

flowchart TD
A[开始] --> B{判断条件}
B -- 是 --> C[执行操作]
B -- 否 --> D[结束]
C --> D

sequenceDiagram
用户->>服务端: 发起请求
服务端->>数据库: 查询数据
数据库-->>服务端: 返回结果
服务端-->>用户: 响应

mindmap
root((产品名))
功能A
子功能1
子功能2
功能B

参考文件

  • - references/diagram-patterns.md — 产品经理常用图模式(带完整示例代码)

当用户询问特定图表类型或需要复杂的多节点图表时读取。

标签

skill ai

通过对话安装

该技能支持在以下平台通过对话安装:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 mermaid-diagram-1776372241 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 mermaid-diagram-1776372241 技能

通过命令行安装

skillhub install mermaid-diagram-1776372241

下载

⬇ 下载 mermaid-diagram v1.0.0(免费)

文件大小: 3.67 KB | 发布时间: 2026-4-17 15:23

v1.0.0 最新 2026-4-17 15:23
Initial release: Mermaid diagram generation for flowcharts, architecture, sequence diagrams

Archiver·手机版·闲社网·闲社论坛·羊毛社区· 多链控股集团有限公司 · 苏ICP备2025199260号-1

Powered by Discuz! X5.0   © 2024-2025 闲社网·线报更新论坛·羊毛分享社区·http://xianshe.com

p2p_official_large
返回顶部