把一條核心流程講成圖解

本站編寫 · 附 Claude Code 官方參考資料 · 來源核對日期：2026-09-12

請為目前專案的一條核心業務流程製作一份獨立的 HTML 圖解，方便以後向同事解釋。

先讀 README 和入口檔案，優先選它們共同指向的主要功能。只追蹤一條流程及最多 8 個關鍵檔案，不讓我選主題。把真實的輸入、關鍵分支、狀態變化和輸出串起來；讀不到的環節標為未知，不補畫不存在的服務。

產生一份自包含的 HTML：用內嵌 SVG 畫流程圖，配一段淺白說明、節點與原始碼檔案路徑對照、一個來自程式碼或既有測試的輸入輸出範例。沒有真實範例就標明為示意，不假冒執行結果。使用系統字型、清楚的層級和可換行的版面，不依賴 CDN、第三方腳本或外部字型。

若能寫入檔案，儲存為不重複檔名的新 HTML 並給出路徑；否則在回覆中完整提供程式碼。不要修改現有頁面，也不自動啟動或安裝瀏覽器工具。

完成標準：檢查節點與程式碼對應、HTML 結構完整、沒有外部資源；未經瀏覽器檢查就明確說明，不把產生完成說成視覺驗收通過。

執行約定：
直接開始，不先給計畫讓我確認，也不要讓我選檔案或補填範本。只用目前專案、目前對話及我已提供的材料，不搜尋其他專案或私人歷史。缺少材料時完成有依據的部分，在結果中說明缺口；完全不適用就說明原因並結束，不虛構成果。
保留現有檔案和未提交的改動；候選內容在回覆中完整給出，適合獨立成文的成果可另存為不重複檔名的新檔案。不要安裝相依套件、修改環境、提交、推送或發布。遇到權限或存取限制，記錄未完成項目，不繞過限制。自我檢查一次後交付並結束，不用「是否繼續」收尾。