{
  "added_at": "2026-10-19",
  "additional_evidence_urls": [
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/README.md#L199-L214",
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/docs/usage.md",
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/docs/mcp.md",
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/package.json",
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/SECURITY.md",
    "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/LICENSE",
    "https://github.com/dembrandt/dembrandt/releases/tag/v0.39.2",
    "https://www.npmjs.com/package/dembrandt/v/0.39.2"
  ],
  "category": "web-analysis",
  "description_en": "Node.js CLI that renders a website in Playwright-driven Chromium or Firefox and reads computed styles from the DOM to extract its design system: logo, color roles with the evidence behind each pick, typography, spacing, borders, shadows, motion, breakpoints and component styles such as buttons and inputs. Results export as W3C design tokens (DTCG), Tailwind v4 or shadcn/ui themes, DESIGN.md, an HTML report or a brand-guide PDF, alongside WCAG contrast checks on real DOM pairs and a CI drift gate against a committed baseline. It also runs as an MCP server for agent clients.",
  "description_zh": "Node.js 命令行工具，通过 Playwright 驱动 Chromium 或 Firefox 渲染网站，并从 DOM 读取计算样式来提取其设计系统：标志、附带判定依据的颜色角色、字体排版、间距、边框、阴影、动效、断点，以及按钮、输入框等组件样式。结果可导出为 W3C 设计令牌（DTCG）、Tailwind v4 或 shadcn/ui 主题、DESIGN.md、HTML 报告或品牌指南 PDF，还能对页面中实际的前景与背景组合做 WCAG 对比度检查，并在 CI 中与已提交的基线比较、拦截设计漂移。它也能作为 MCP 服务器供智能体客户端调用。",
  "entry_url": "https://awesomerea.org/resources/dembrandt/",
  "entry_url_zh": "https://awesomerea.org/zh/resources/dembrandt/",
  "evidence_url": "https://github.com/dembrandt/dembrandt/blob/4deb8350b134669dc0251af56e028a7250d86914/README.md",
  "group": "tools",
  "id": "dembrandt",
  "json_url": "https://awesomerea.org/resources/dembrandt/record.json",
  "kind": "tool",
  "markdown_url": "https://awesomerea.org/resources/dembrandt/index.md",
  "markdown_url_zh": "https://awesomerea.org/zh/resources/dembrandt/index.md",
  "name": "Dembrandt",
  "name_zh": "Dembrandt 网站设计系统提取工具",
  "record_type": "resource",
  "relationship": "foundation",
  "requirements": [
    "Release at review: v0.39.2, published 2026-10-11 on GitHub and npm; the reviewed main commit is ten README, MCP-registry and Action-metadata commits ahead. SECURITY.md describes the project as pre-1.0, with fixes only for the latest 0.x release.",
    "Requires Node.js 18+ and a one-time dembrandt install-browser step, because playwright-core ships no browser; Linux and CI hosts also need Playwright's system libraries, and Docker or CI containers may need --no-sandbox. The experimental --ai brand-color model needs the optional onnxruntime-node package. The MCP server starts with npx dembrandt mcp, and a separate GitHub Action wraps the drift gate.",
    "Input is a live URL, rendered at 1920x1080 by default or 390x844 with --mobile; crawls merge several pages found from navigation links or from sitemap.xml after a robots.txt check. The README's limitations: dark mode needs --dark-mode, canvas/WebGL sites cannot be analyzed, some dynamically loaded content and hover or focus states can be missed, and JavaScript-heavy sites need hydration time. Pages behind a sign-in can be reached with the user's own cookies or an interactive login.",
    "MIT. The README limits intended use to design systems you own or may analyze, on sites whose terms permit automated access, and asks users not to reproduce third-party brand identities, logos or trademarks. The optional --key flag uploads each run's snapshot to the vendor's hosted Dembrandt App, which is in beta."
  ],
  "requirements_zh": [
    "审阅时的版本为 v0.39.2，于 2026-10-11 发布到 GitHub 和 npm；所审阅的 main 分支提交比该版本多十个 README、MCP 注册信息和 Action 元数据方面的提交。SECURITY.md 称项目仍处于 1.0 之前阶段，只为最新的 0.x 版本提供修复。",
    "需要 Node.js 18+，并须执行一次 dembrandt install-browser，因为 playwright-core 不附带浏览器；Linux 和 CI 主机还需安装 Playwright 所需的系统库，Docker 或 CI 容器中可能需要 --no-sandbox。实验性的 --ai 品牌主色模型需要可选的 onnxruntime-node 包。MCP 服务器通过 npx dembrandt mcp 启动，另有独立的 GitHub Action 封装漂移门禁。",
    "输入是在线 URL，默认以 1920x1080 视口渲染，使用 --mobile 时为 390x844；多页抓取会合并从导航链接或 sitemap.xml（先检查 robots.txt）发现的多个页面。README 列出的限制包括：深色模式需加 --dark-mode，无法分析以 canvas/WebGL 渲染的网站，部分动态加载内容以及悬停或焦点状态可能遗漏，JavaScript 较重的网站需要等待水合完成。需要登录的页面可借助使用者自己的 Cookie 或交互式登录访问。",
    "采用 MIT 许可。README 将预期用途限定为分析自己拥有或获准分析的设计系统，且网站条款须允许自动化访问，并要求不得用提取结果复制第三方品牌形象、标志或商标。可选的 --key 参数会把每次运行的快照上传到厂商托管、仍处于测试阶段的 Dembrandt App。"
  ],
  "targets": [
    "website"
  ],
  "url": "https://github.com/dembrandt/dembrandt",
  "verification": "source-reviewed",
  "verified_at": "2026-10-19"
}