Theme / v3.0.1

Archify

把想法變成可互動的圖

基礎觀念

Archify 是什麼?

一句話把想法變成可互動的圖:Agent Skill、型別化 JSON、獨立 HTML,與通用繪圖工具的差異

一句話說清楚

Archify 是一個 Agent Skill(代理技能):你用一句話、一個問題或一個計畫向 AI 代理描述,它幫你產出一份可探索、可客製、可分享的互動式 HTML 圖表。從旅行行程、學習地圖到複雜系統架構都可以做成自己的圖。1

Use Archify to diagram a web request: Browser calls the API,
the API checks Redis, and a cache miss queries PostgreSQL and fills the cache.

接著繼續說:「加上認證」、「標出 cache-miss 路徑」或「切到淺色主題」——圖會跟著你的對話長大。

💡 關鍵心智模型:Archify 不是叫你去拖方塊的繪圖編輯器,而是技術意圖 → 溝通產物的管線。你負責講清楚意圖,代理負責寫型別化 JSON、跑驗證、交付 HTML。

Archify 不是什麼

官方把範圍說得很清楚,以下刻意不在範圍內:1

不是 說明
通用繪圖編輯器 不提供所見即所得拖拉編輯
Mermaid 佈景主題 讀 Mermaid 是為了拓撲與語意,然後重寫成 Archify JSON,而非套皮
自動 Mermaid 解析 不做機械式 Mermaid 樣式轉換
通用自動排版 由代理做版面判斷(階層、間距、路徑、強調),而非套通用演算法
託管分享服務 結果就是一個自包含 HTML 檔,自己傳送、自己託管
所見即所得編輯 迭代靠改 JSON 原始檔再重新驗證交付

三個核心觀念

1. 型別化 JSON IR (Intermediate Representation)

每個 renderer-backed 模式都有自己的 schema 與可重現原始檔。代理不是直接畫 SVG,而是先寫一份型別化 JSON(例如 candidate.json),通過驗證後才渲染成 HTML。這份 JSON 就是圖的「源碼」:可版本控制、可 diff、可針對性迭代。2

2. 驗證後才交付 (Validated delivery)

finalize 依序跑 showcase validation → validate → deliver → 嚴格 check → 真實瀏覽器 browser-check,任一閘門失敗就停在該閘門,並附帶機器可讀的修復收據(rule code、精確 subject、量測證據、僅允許的修復控制)。只有全過的產物才會原子取代目標檔。2

3. 可攜式預設 (Portable by default)

結果是單一 HTML 檔:內嵌 SVG、深色/淺色主題、檢視器互動都跟著檔案走。下載後用瀏覽器開啟即可探索,不需安裝 Archify;傳給別人互動也跟著走(外部網站與地圖連結仍需網路)。1

從哪裡開始

Footnotes

  1. tt-a1i/archify README ↩ ↩2 ↩3

  2. archify/SKILL.md ↩ ↩2