如何使用ChatGPT和Claude创建软件架构图
💡
原文英文，约1500词，阅读约需6分钟。
📝
内容提要
作者分享了使用Claude和ChatGPT进行扩展架构图示的过程，从ASCII艺术开始，逐步尝试Whimsical和Mermaid工具，最终在GitHub上完成了清晰的序列图，学习了不同工具的优缺点，并通过图像反馈提高了效率。
🎯
关键要点
- 作者分享了使用Claude和ChatGPT进行扩展架构图示的过程。
- 第一步使用ASCII艺术生成了一个有用但略有缺陷的图示。
- V3版本的主要变化是DOM解析从后台脚本转移到内容脚本。
- 作者尝试使用Whimsical工具进行改进，获得了更好的图示。
- 使用Mermaid工具生成了序列图，并学习了图示的名称。
- Claude提供了关于图示中数据流和处理步骤的建议。
- ChatGPT建议使用alt功能来表示条件流。
- 最终版本的图示在GitHub Markdown中成功渲染。
- 作者总结了Mermaid和Graphviz的适用场景，认为Mermaid更适合序列图。
- 通过迭代图示，作者发现使用截图反馈比文字更有效。
❓
延伸问答
如何使用Claude和ChatGPT创建软件架构图？
首先使用ASCII艺术生成初步图示，然后尝试Whimsical和Mermaid工具进行改进，最终在GitHub上完成序列图。
Mermaid和Graphviz的适用场景是什么？
Mermaid更适合序列图，而Graphviz在其他类型图示中表现更好。
在创建图示的过程中遇到了哪些挑战？
最初的ASCII图示存在缺陷，后续工具的导出格式不兼容，且需要不断迭代以完善图示。
如何提高图示创建的效率？
通过使用截图反馈而非文字描述，可以更有效地进行图示迭代和改进。
Claude在图示创建中提供了哪些建议？
Claude建议使用“Note over”声明和“self-messaging”来更好地表示数据流和处理步骤。
ChatGPT在图示改进中起到了什么作用？
ChatGPT提供了关于条件流的建议，帮助优化了Mermaid序列图的结构。
➡️
