如何使用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更适合序列图。
- 通过迭代图示，作者发现使用截图反馈比文字更有效。
➡️
