Mermaid 图表
在终端对话中阅读流程、架构与状态变化。

让 Agent 画出来
请 Agent 使用 mermaid 代码块描述流程。Crux 会把支持的语法渲染为终端图表,保留在对话中。
用 Mermaid 画出编码工作流:规划、并行收集上下文、工具执行、检查、审阅。
加入通过和失败两条分支,并把上下文节点放进一个 subgraph。流程图示例
下面的源码可以让 Agent 用 mermaid 围栏代码块输出。
flowchart LR
A[Request] --> B[Plan]
subgraph context [Context]
C[Semble]
D[Files]
E[Cache]
end
B --> C
B --> D
B --> E
C --> F[Tool batch]
D --> F
E --> F
F --> G[Edit]
F --> H[Shell]
G --> I{Checks}
H --> I
I --> J[Review]
I --> K[Diagnose]
J --> L[Commit]支持范围
RC1 的终端解析器支持 Mermaid flowchart / graph 和 stateDiagram 状态图,也有 D2 解析路径。它并非完整的浏览器 Mermaid 渲染器;不支持或无法解析的语法会按代码文本回退显示。
查看较大的图
图表超出视口时可拖拽平移。滚轮仍用于滚动对话;在高度受限的布局中,拖拽也可查看被裁剪的纵向内容。使用短标签和清晰层级能让终端图表更容易阅读。
适用于 1.0.0 RC1。示例数字为演示数据。反馈问题 ↗