你会得到

  • 一个离线 HTML 架构图,支持搜索、缩放、平移和详情面板
  • 背后的 JSON 模型,可直接纳入版本控制
  • 能发现悬空连线和主路径缺口的构建脚本
  • 列出所有关系的纯文本大纲,方便阅读和打印
  • 可选:PopNow 生成的文档封面图,先报价

适合

  • 服务或代码仓库的新人上手文档
  • 追踪一个请求或任务在系统中的流转
  • 设计评审用的工作流和生命周期图

不适合

  • 证明运行时行为、负载或故障影响
  • 一张图里放几百个组件
  • 用于演示文稿的像素级精确图

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「交互式系统架构图」(interactive-architecture-diagram)帮我做这件事:梳理一次文件上传在这个仓库里怎么流转,从网页表单一直到缩略图 worker。

在编程 Agent 里

/popnow-interactive-architecture-diagram 梳理一次文件上传在这个仓库里怎么流转,从网页表单一直到缩略图 worker。

接着试试

把外部存储桶标成信任边界,然后重新生成。

再为上传状态的生命周期画第二张图。

需要准备

  • 这张图要回答的问题
  • 一段描述、代码仓库访问权限或组件清单
  • 不能改动的确切名称和协议

类似技能

查看全部 →

常见问题

架构图需要联网或绘图服务吗?

不需要。结果是一个所有内容都内联的 HTML 文件,直接从本地打开,离线可用,不发出任何网络请求。

怎么知道哪些部分是推测的?

每个方框和连线都带有依据状态:需求中说明、文件中看到、推断或未知。详情面板会显示这一状态,有对应文件时还会附上文件和行号。

以后还能修改架构图吗?

可以。编辑 JSON 模型后重新运行构建脚本。它会先检查 ID、连线和主路径,再写出新页面。

PopNow 在这里有什么用?

只用于在你看过价格后,为承载架构图的页面生成一张可选的封面图或分享图。架构图本身从不由图像模型生成。