Manual/Mermaid 图表
CRUX 1.0.0 RC1

Mermaid 图表

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

Mermaid 终端流程图
Mermaid 终端流程图RC1 实机截图 · 查看原图 ↗

让 Agent 画出来

请 Agent 使用 mermaid 代码块描述流程。Crux 会把支持的语法渲染为终端图表,保留在对话中。

text
用 Mermaid 画出编码工作流:规划、并行收集上下文、工具执行、检查、审阅。
加入通过和失败两条分支,并把上下文节点放进一个 subgraph。

流程图示例

下面的源码可以让 Agent 用 mermaid 围栏代码块输出。

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。示例数字为演示数据。反馈问题