系统图表生成器Skill system-diagrammer

系统图表生成器是一个技能，用于使用Mermaid.js快速生成系统架构图，如C4上下文图和序列图，适用于产品需求文档或技术规范。输出为Mermaid.js代码，兼容GitHub和Notion平台。关键词：系统架构图、Mermaid.js、C4图、序列图、技术文档、软件开发工具、PRDs、架构设计。

架构设计 0 次安装 0 次浏览更新于 3/22/2026

name: system-diagrammer description: 使用Mermaid.js生成系统架构图（C4、序列图）。

系统图表生成器

目的

快速为产品需求文档（PRDs）或技术规范创建架构图。输出是兼容GitHub和Notion的Mermaid.js代码。

使用方法

1. C4上下文图（高级）

python .agent/skills/system-diagrammer/scripts/diagram.py --type c4 --title "电子商务系统" --nodes "用户, Web应用, API网关, 订单服务, 数据库"

2. 序列图（流程流）

使用格式 A->B:消息。

python .agent/skills/system-diagrammer/scripts/diagram.py --type sequence --title "登录流程" --steps "用户->Web:点击登录, Web->API:POST /login, API->DB:验证用户, DB->API:用户找到, API->Web:返回令牌"

输出

脚本返回一个可直接使用的 mermaid 代码块。