开发者用Claude Opus生成应用架构可视化交互画布

我今天想到了一个疯狂的点子。

过去两个月我一直在开发一个相当庞大的应用，说实话，我经常得赶进度梳理架构，因为功能迭代实在太快了。

所以今天我问 Claude（opus 5.5，高设置）：“我有个奇怪的任务给你。我希望你查看这个应用，然后生成一个——找不到更合适的词了——画布，我能够放大缩小、拖动它，来看看我们的架构到底是怎么工作的。”（完整提示词放在第一条评论里）

结果出来得非常棒，它真的把所有功能都通过步骤和连接图可视化了。满分 10 分我给 10 分，非常推荐。

完整提示词如下：（当然最后部分可以调整）

“我有个奇怪的任务给你。我希望你查看这个应用，然后生成一个——找不到更合适的词了——画布，我能够放大缩小、拖动它，来看看我们的架构到底是怎么工作的。

很多东西都变了，我开始对我们做的所有事情失去全局视野，尤其是 Model 和 Convex 部分。我希望你用可视化的方式梳理出当用户注册、付款、获得访客通行证，然后上传文件时，到底发生了什么。都发生了哪些步骤？

举个例子，我们现在会做创建操作。这是我真正想弄明白的事情之一。现在我们仍然会创建聊天和项目，但我认为聊天实际上是独立的，而项目我甚至根本搞不清它到底是怎么运行的。问题就从这里开始了。

用户上传一个文件，然后这个文件会被存放到 R2 存储的某个地方，接着一些 modal 工作进程会做一些处理。有一个 modal 应用，或者说一个 modal 工作进程，但它上面跑了多个应用。我也搞不清这到底是怎么工作的。

我真的非常希望你能把这一切到底是怎么运行的给可视化出来。”