HN 422分：Whiteboard 讓你看懂 AI 動了什麼手腳｜開源好物週報

開場白

HN 422 分、142 則討論全砸在 Whiteboard 身上，它把 AI 動了什麼手腳直接畫給你看。這週還有 Reladraw，用文字寫排版邏輯畫架構圖，訣竅等一下告訴你。另外還有免費自架、不用月費就能看各家 AI 怎麼講你產品的 GEO 工具 niubigeo。

本週開源好物

1. Whiteboard (YC W26)：把 AI 改了什麼程式碼畫給你看

它是什麼：Whiteboard 是一個桌面 App，讓你在審查 Claude Code、Codex 這類 agent 寫出來的程式碼時，不用自己啃一大包 diff。它會把這次改動用循序圖、ER 圖畫在畫布上，點圖或點 agent 的思考軌跡引文，就能直接跳到對應的程式碼。
本週聲量：Hacker News 拿下 422 分、142 則討論，GitHub 已有 2281 顆星，MIT 授權，主要語言 TypeScript。
亮點功能：
- 給 agent 一套 SDK，讓它在畫布上自己畫循序圖、ER 圖交代這次改了什麼
- Rust 寫的 AST 語意 diff 檢視器，把新增的大型函式自動摘要成虛擬碼，順便摺掉測試跟文件這些雜訊
- 可以查詢並視覺化 agent 的決策軌跡，看到它接到的需求、做的實作選擇，以及哪些是它自己拍板決定的
快速上手：到 dev.fast 下載桌面版（macOS / Windows / Linux 都有），開啟後在歡迎畫面把 Claude Code 或 Codex 接上去，之後請 agent 做 review，結果就會自動開在 Whiteboard 裡。
跟同類比：跟 draw.io 或用 HTML 產出的架構圖比，那些圖畫完就跟程式碼斷線，很快就過期。Whiteboard 把圖直接嵌進可互動的程式碼審查環境，點圖就能跳到程式碼本人。
適合誰：常常要審 AI agent 產出程式碼、又怕看漏東西的工程師和 tech lead。
連結：github.com/devdotfast/whiteboard

2. Reladraw：用文字排版邏輯畫架構圖

它是什麼：Reladraw 是一個用相對位置語法畫架構圖的工具，你不用自己算座標，寫像「node store 右邊放 app」這種語句就能排好版，畫完直接輸出 SVG。
本週聲量：Hacker News 拿下 407 分、119 則討論，GitHub 988 顆星，Apache-2.0 授權，主要語言 TypeScript。
亮點功能：
- 位置關鍵字很齊全，above / below / left of / right of，還有 above-left of 這種斜向寫法，甚至 right of A and B 可以貼著兩個框外側擺
- 樣式可以細調到 fill、border、shape（矩形／文件／圓形／無框）、線的路徑跟圓角，還支援 icon、badge、容器巢狀
- 可以裝成 agent 技能，npx skills add reladraw/reladraw -g，Claude Code、Cursor、Copilot 都吃得下去
快速上手：npm install -g reladraw，接著 reladraw diagram.reladraw -o diagram.svg 就出圖。懶得裝的話官網有 playground，線上改語法就能看結果，還能直接複製 SVG。
跟同類比：Mermaid、Graphviz、D2 只讓你宣告節點跟連線，位置是它們幫你算的，心裡已經有畫面時反而不好用。draw.io、Excalidraw 能自由定位但很花時間，agent 要改圖還得重算座標，Reladraw 卡在中間，語法能版控，排版主導權也還在你手上，目前版本 0.14.3，語法還在演進。
適合誰：常寫技術文件、想要架構圖能進 Git diff 的工程師。
連結：github.com/reladraw/reladraw

3. niubigeo：自己架的 GEO 監測站，不用月費

它是什麼：niubigeo 是一個 GEO（生成式引擎最佳化）監測工具，幫你看各家 AI 模型被問到你的產品時到底怎麼回答、會不會推薦你、引用了哪些來源，社群版原始碼全開，可以自己架起來用。
本週聲量：上線 30 天內衝上 GitHub 4.9k 星（實際 4864），Apache-2.0 授權，主要語言 TypeScript。
亮點功能：
- 輸入網域就能比對各家模型怎麼描述你的產品，還有關鍵字測試，不提品牌名去問，看你會不會被自然提及
- 每個回答都能展開看原始內容跟引用出處，留一條完整證據鏈，不是只丟一個分數給你
- 支援重複測量跟排程監控，能累積歷史紀錄追蹤能見度變化，還內建 16 個平台捷徑跟可篩選的模型目錄
快速上手：git clone --branch v0.2.1 --depth 1 之後 npm ci，複製 .env.example 填上 OPENROUTER_API_KEY，跑 npm run server 開 http://localhost:8787，官方也有 Docker 部署教學。
跟同類比：對手是 Profound、Peec AI、Otterly.AI、Semrush、Ahrefs 這些收月費的 GEO 監測服務，niubigeo 的差別是原始碼全開、自己挑模型、用自己的 API key，證據鏈也攤開給你看，核心功能自架就全部拿到，官方另有付費的真人測試與顧問服務，但那是加購。
適合誰：做內容行銷、SEO 或產品行銷，想知道自己在 AI 搜尋結果裡長什麼樣，又不想被按月扣款的人。
連結：github.com/Albert-Weasker/niubigeo