如何用 Mermaid 绘图而不编造关联。
清楚表达关系，使用目标渲染器支持的语法。在该环境验证并确保标签忠于提供的流程。
按任务需求调整流程。
选择图表类型前列出步骤、决策和关系。使用简洁标签及目标 Mermaid 版本支持的语法。渲染后检查能否解析及箭头是否准确表达逻辑。
- 你需要提供什么
- 流程、关系或系统描述。
- 你会得到什么
- 符合所述结构的 Mermaid 源码。
查看输入和结果。
演示用输入和输出 · 教学示例，并非 WebAct 实时运行结果
示例 个输入项
Process: receive a request, review it, then either approve or ask for revision.
完整示例
flowchart TD
A[Receive request] --> B{Meets requirements?}
B -- Yes --> C[Approve]
B -- No --> D[Request revision]
Validate this syntax in the target Mermaid renderer before sharing.将这份输入载入提示词，再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
为了让图看起来连贯，可以随意加箭头吗？
只有提供的流程中确有关系才可以。缺失关系应保持为疑问，不编造流程。
Mermaid 看似有效，为什么在目标编辑器报错？
渲染器版本或支持的功能可能不同。在目标环境测试，简化不支持的语法。
此工作流程的参考资料。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件，再把任务复制到 WebAct。
自定义并复制任务 ↑