你會得到

  • 一個離線 HTML 架構圖,支援搜尋、縮放、平移與詳細資訊面板
  • 背後的 JSON 模型,可直接納入版本控制
  • 能抓出懸空連線與主要路徑斷點的建置腳本
  • 列出所有關係的純文字大綱,方便閱讀與列印
  • 可選:PopNow 文件封面圖,先報價

適合

  • 服務或程式庫的新人導覽文件
  • 追蹤單一請求或工作在系統中的路徑
  • 設計審查用的工作流程與生命週期

不適合

  • 證明執行時行為、負載或故障影響
  • 一張圖塞進上百個元件
  • 簡報用的像素級精準圖

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「互動式系統架構圖」(interactive-architecture-diagram)幫我做這件事:畫出檔案上傳在這個 repo 中的流程,從網頁表單一路到縮圖 worker。

在程式 Agent 裡

/popnow-interactive-architecture-diagram 畫出檔案上傳在這個 repo 中的流程,從網頁表單一路到縮圖 worker。

接著試試

把外部儲存 bucket 標成信任邊界,然後重新建置。

再做一張上傳狀態生命週期的圖。

需要準備

  • 這張圖要回答的問題
  • 描述、程式庫存取權或元件清單
  • 不能更動的確切名稱與通訊協定

類似技能

查看全部 →

常見問題

架構圖需要網路或繪圖服務嗎?

不需要。成果是一個所有內容都內嵌的 HTML 檔,可以從硬碟開啟、離線使用,不發出任何網路請求。

怎麼知道哪些部分是猜的?

每個方塊和連線都帶有依據狀態:需求中明確說明、在檔案中看到、推論,或未知。有對應檔案和行號時,詳細資訊面板會一併顯示。

之後可以修改架構圖嗎?

可以。修改 JSON 模型後重新執行建置腳本,它會在寫出新頁面前檢查 ID、連線和主要路徑。

PopNow 在這裡負責什麼?

只負責放架構圖的頁面上選用的封面或分享圖,而且會在你看過價格後才執行。架構圖本身絕不由圖像模型生成。