Dembrandt 係一個用來抽取網站設計系統嘅工具，重點係將 logo、色彩、字體、邊框、陰影等視覺元素整理成 design tokens，方便團隊快速理解一個網站嘅視覺規則。對做前端、設計系統或者品牌一致性檢查嘅人嚟講，佢可以省去逐頁抄資料嘅時間。
使用時要先準備 Chromium，因為它透過 Playwright 核心去驅動瀏覽器，唔裝 browser binaries 就冇得啟動。安裝後可以用 CLI 直接抽取，亦可以透過 MCP 接入 Claude Code、Cursor 或 Windsurf，令 AI 助手幫你讀出 tokens。
同類工具多數只做一次性擷取，Dembrandt 加入咗漂移追蹤同快照時間線，令你可以比較兩次發佈、兩個網站，或者同一個 domain 喺唔同時間嘅變化。佢仲提供視覺差異、分類分數同 baseline 比對，對 CI 監察改版影響特別有用。
- 可把網站外觀整理成可重用嘅 design tokens
- 需要先安裝對應 Chromium，否則無法運行
- 支援 MCP，方便接入 AI 編程工作流
- 可以記錄快照，持續追蹤設計漂移
- 適合前端、設計系統同品牌檢查工作
如果團隊要維持多個頁面或多次發布之間嘅視覺一致性，呢個工具比單次擷取更有用。它將抽取、比較同追蹤放埋一齊，令設計變化唔容易悄悄走樣。