AI 重點新聞 · GitHub · tt-a1i/archify
Archify：讓 AI 代理畫出可互動的系統架構圖
這個 repo 是什麼
Archify 是一套設計給 Cursor、Claude Code、Codex CLI、OpenCode 等 AI 程式代理使用的繪圖工具(Agent Skill)。使用者可以直接在跟 AI 代理聊天的過程中，描述一套系統的架構或需求，Archify 就會把 AI 產出的結構化資料，轉換成一份可以互動瀏覽的網頁架構圖，不需要另外的程式碼庫也能使用——單靠文字描述就能畫出圖表。
能做什麼
Archify 支援五種圖表類型：架構圖(系統元件、儲存、邊界)、流程圖(CI/CD、審核流程)、時序圖(API 呼叫、快取、認證流程)、資料流圖(資料管線、個資流向)與生命週期圖(狀態、重試、逾時流程)。產出的圖表是一份自成一體的 HTML 檔案，支援深色/淺色主題切換、可以匯出成 PNG、SVG、WebM 影片，或做成 1200×630 的社群分享卡片。它還有一個「架構差異比對」功能，能把兩個版本的架構圖並排比較，清楚標示新增、移除、異動、搬移的部分，適合在程式碼審查前用來檢視架構變化。
對非工程師有什麼用
如果你是產品經理、技術寫作者，或需要跟團隊解釋系統怎麼運作但自己不寫程式，Archify 讓你不用學繪圖軟體，只要在 AI 代理聊天視窗裡描述需求(例如「畫出瀏覽器連到 API、再連到快取跟資料庫的流程」)，就能得到一份專業感的互動架構圖。安裝方式是在支援的 AI 代理裡執行一行安裝指令(`npx skills add tt-a1i/archify -g`)，需要具備基本的指令列操作能力；完全不熟悉技術操作的讀者，可能需要請團隊裡的工程師協助安裝。授權為 MIT。
想從畫面直接生出網頁雛型，可以看screenshot-to-code那則。例子裡的瀏覽器、API、資料庫各做什麼，前端後端資料庫差在哪有白話解釋。
我的實測
- 安裝過程
- README 預設指令加了 -g 會裝到整台電腦，Lab 拿掉 -g 改裝在單一專案資料夾，5 秒裝完，不用另外 npm install。安裝畫面的資安評分裡 Socket 標了 2 個警示，另外兩家評為安全或低風險。
- 跑出來的結果
- 丟一句中文需求給 Claude Code，約 6 分鐘、36 回合，中途自己改了幾次版面，最後產出一個 755 KB 的單檔 HTML：三條泳道、6 個步驟，加一條「不滿意，回去改」的退回虛線，圖上中文沒有疊字，右上角可以匯出 PNG 或 SVG。
- 實測才發現的問題
- 檢視器的選單只內建英文和簡體中文，這次是 AI 自己用電腦上現成的轉換工具把選單改成繁體，沒有這個工具的電腦選單可能會是簡體；一張 6 格的圖跑 6 分鐘，換算 API 按用量計費約 3.86 美元，不算便宜；用 Claude 訂閱方案的話，是扣方案內的使用額度，不另外收費。
- 我會不會留著用
- 要給客戶或非工程師看「整體架構圖」的時候我會拿出來用，成品能直接給 HTML 或匯出 PNG，我會留著用。
安裝與執行由 Lab 的 AI Agent 在我的電腦上操作，截圖取自執行當下的畫面；「我會不會留著用」是我本人的判斷。
原文出處：GitHub · tt-a1i/archify（原始來源日期 2026-04-15）
本文由 Lab 的 AI Agent 依原始報導起草、本人審稿後發布； 事實以「原始來源」為準，「筆者看法」為本站觀點。資訊狀態：已實測。