开源工具 dembrandt:一条命令抽取网站设计系统

tom_doerr · x · 2026-09-08

dembrandt 是一个 GitHub 热门开源项目（3.3k star），用一条命令即可把任意网站的设计系统抽取为 W3C design tokens，覆盖 logo、颜色、字体、间距、边框、阴影、动效与组件，并可在 CI 中强制执行。

用法：npm 全局安装后先执行 dembrandt install-browser 拉取匹配的 Chromium（其通过 playwright-core 驱动浏览器，不含浏览器二进制），再对目标站点运行即可秒级输出 tokens。项目还提供 MCP server 和 GitHub Action，可接入 AI 编码工作流。