From hermes-qq
Generates renderable Mermaid code for flowcharts, sequence, state, ER, Gantt, journey, and class diagrams from user descriptions. Auto-selects type and validates syntax.
npx claudepluginhub chujianyun/skills --plugin hermes-qqThis skill uses the workspace's default tool permissions.
专门用于把结构、流程、关系和时间顺序整理成 Mermaid 图。
Creates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Provides syntax mastery, styling, best practices, and rendering guidance.
Generates Mermaid diagrams from codebases, topics, files, conversations, or specs. Supports flowcharts, sequence, class, state, ER, C4, mindmaps, Gantt, timelines, gitGraphs, and more for system visualization.
Generates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Provides syntax mastery, styling, and best practices for visual documentation, system diagrams, process flows.
Share bugs, ideas, or general feedback.
专门用于把结构、流程、关系和时间顺序整理成 Mermaid 图。
本 skill 主要采用：
flowchart，先判断是否更适合时序图、状态图、ER 图或甘特图flowchart 中，如果节点文本里包含 /plan-ceo-review 这类带斜杠的字符串，不要写成 E1[/plan-ceo-review<br/>CEO视角审视产品]，要写成 E1["/plan-ceo-review"<br/>CEO视角审视产品]，否则容易触发语法错误复制此清单并跟踪进度：
绘图进度：
- [ ] 步骤 1：理解目标
- [ ] 步骤 2：选择图类型
- [ ] 步骤 3：抽取关键节点与关系
- [ ] 步骤 4：生成 Mermaid 代码
- [ ] 步骤 5：自查可读性与语法
- [ ] 步骤 6：交付并说明
先判断用户要表达的核心是什么：
如果用户给的是文章、方案、PRD、会议纪要或口头描述，先提炼成“节点 + 关系 + 顺序/层级”。
优先根据表达目标选择图类型。需要时读取 references/diagram-selection.md。
快速判断：
flowchartsequenceDiagramstateDiagram-v2erDiagramganttjourneyclassDiagramgitGraph如果用户指定了图类型，优先尊重；仅在明显不合适时再说明替代建议。
生成前先做轻量结构化：
如果一张图超过 12 个核心节点，优先压缩、分组，或建议拆图。
默认直接输出 fenced code block，例如：
flowchart TD
A[开始] --> B[分析需求]
B --> C{选择图类型}
C -->|流程| D[输出 flowchart]
C -->|时序| E[输出 sequenceDiagram]
生成时遵循这些规则：
A、svc_api、userTDsubgraph交付前至少自查这些点：
flowchart 节点文本里若包含以 / 开头的路径或命令，是否已经用引号包住显示文本如果图较复杂，先保证“能渲染 + 看得懂”，再追求细节丰富。
默认交付内容：
如果用户要求“只给 Mermaid 代码”，就不要附加多余解释。