Archify 免費(fèi)交互式架構(gòu)圖工具一句自然語言出圖1 條命令 5 分鐘上手【免費(fèi)下載鏈接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/arch/archifyArchify 是一個(gè)免費(fèi)的 Agent Skill把一句自然語言描述變成可交互、可校驗(yàn)、可分享的 HTML 圖表。上手成本1 條命令、約 5 分鐘、0 依賴Node ≥ 18 即可。不用 clone 倉庫也不用裝包下面直接看你會(huì)拿到什么。先看效果再?zèng)Q定要不要用上面是倉庫自帶示例的架構(gòu)總覽CDN、負(fù)載均衡、API、數(shù)據(jù)庫這些節(jié)點(diǎn)按信任邊界分組深色主題下層次很清楚。右上角一鍵切到淺色同一張圖兩種觀感。打開 Export 菜單你可以把圖復(fù)制成 PNG 到剪貼板也可以下載靜態(tài)或動(dòng)態(tài)格式先探好一條路由再導(dǎo)出 1200×630 的分享卡片貼進(jìn) README 或博客都是現(xiàn)成的。這張時(shí)序圖演示了一次緩存未命中。按R或點(diǎn) PATH 之后「Web App → API → Postgres」這條精確路由被單獨(dú)高亮出來讀圖時(shí)不用滿屏找線。最短上手路徑拉起臨時(shí)會(huì)話只用這一條npx skills use tt-a1i/archifyarchify --agent codex執(zhí)行后你會(huì)看到一個(gè)新開的 Agent 會(huì)話Archify 技能只掛在這個(gè)會(huì)話里退出即走全局環(huán)境一點(diǎn)沒動(dòng)。目前skills use支持codex與claude-code兩個(gè) Agent。把需求說清楚往會(huì)話里粘貼一段提示詞下一節(jié)給現(xiàn)成的稍等片刻Agent 會(huì)把描述轉(zhuǎn)成帶類型的 JSON 中間表示再確定性編譯成 HTML。你看到的是一個(gè)自包含的單文件 HTML不依賴任何外部資源。拿到成品雙擊瀏覽器就能開。你會(huì)看到縮放、平移、節(jié)點(diǎn)搜索、路徑追蹤都內(nèi)置在里面把這個(gè) HTML 發(fā)給同事交互也一起發(fā)過去了。一句話怎么下指令不知道說什么先粘這段官方提示詞Analyze this repository, then use archify to create a high-level runtime architecture diagram. Show 8–12 core components, one primary path, external dependencies, and trust boundaries. Put supporting detail in cards instead of adding more edges.要點(diǎn)就三條把范圍框死、把組件數(shù)量寫明、把唯一主路徑點(diǎn)出來產(chǎn)出就穩(wěn)。嫌分析倉庫太重也可以只給一條調(diào)用鏈例如「畫一個(gè)請求流Browser 調(diào) APIAPI 查 Redis緩存未命中再落 PostgreSQL」。能力速查Archify 一共有十種圖型不確定選哪種時(shí)不用自己拍板直接問內(nèi)置的場景指南node archify/bin/archify.mjs guide 描述你的場景。類型最適合的場景Architecture組件、服務(wù)、存儲(chǔ)與信任邊界WorkflowCI/CD、審批、工具調(diào)用、RunbookSequenceAPI 調(diào)用鏈、緩存回源、鑒權(quán)時(shí)序Data Flow數(shù)據(jù)管線、血緣、下游消費(fèi)者Lifecycle狀態(tài)機(jī)、重試、等待與終態(tài)ERD / Class數(shù)據(jù)庫表結(jié)構(gòu) / 類與接口關(guān)系Tree / Timeline / Waterfall層級(jí)拆解 / 事件時(shí)間軸 / 請求耗時(shí)分布想對照源碼學(xué)寫法倉庫里有現(xiàn)成入口全部 JSON Schemaarchify/schemas/十種圖型的 JSON 與 HTML 示例archify/examples/中文作者手冊docs/authoring-cookbook.zh-CN.md技能契約Agent 行為與交付門禁archify/SKILL.md從嘗鮮到常用試用滿意之后把臨時(shí)會(huì)話換成常駐技能一條命令轉(zhuǎn)正npx skills add tt-a1i/archify -g執(zhí)行后技能裝入全局之后新開 Cursor、Claude Code 或 Codex 會(huì)話都能直接調(diào)用。什么時(shí)候值得切過去當(dāng)你發(fā)現(xiàn)自己在不同的項(xiàng)目里反復(fù)畫圖比如每接一個(gè)新倉庫都要先來一張架構(gòu)總覽。裝完順手跑一條自檢加演示確認(rèn)環(huán)境沒問題node archify/bin/archify.mjs doctor node archify/bin/archify.mjs demo /tmp/archify-demodemo會(huì)在指定目錄生成一張演示圖瀏覽器打開對比效果即可。適合誰不適合誰它適合把圖當(dāng)日常溝通材料的人團(tuán)隊(duì)新人接手老倉庫讓 Agent 讀代碼后出一張帶源文件依據(jù)的架構(gòu)總覽評審會(huì)上要講一條調(diào)用鏈Sequence 圖比口述清楚寫技術(shù)文檔時(shí)順手導(dǎo)出一張分享卡片配文。不適合的情況也有你只需要一張靜態(tài)示意圖貼進(jìn)幻燈片或者圖是給非 Agent 用戶看的直接找現(xiàn)成模板更省事另外它生成的是交互式 HTML 而不是圖片文件如果你的流程強(qiáng)制要求位圖入庫記得多走一步導(dǎo)出?！久赓M(fèi)下載鏈接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/arch/archify創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考