AwesomeREA.org

Tool

Dembrandt

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.

Requirements and limitations

  • 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. No sites were analyzed for this entry.

About this entry

Type
Tool
Category
Website analysis tools
Relationship
Foundation tool
Targets
Website

Sources reviewed

The description was reviewed against primary sources. This does not establish runtime testing, security auditing or verified compatibility.

Primary sources

  1. README.md GitHub · dembrandt/dembrandt · Revision 4deb835
  2. README.md#L199-L214 GitHub · dembrandt/dembrandt · Revision 4deb835
  3. docs/usage.md GitHub · dembrandt/dembrandt · Revision 4deb835
  4. docs/mcp.md GitHub · dembrandt/dembrandt · Revision 4deb835
  5. package.json GitHub · dembrandt/dembrandt · Revision 4deb835
  6. SECURITY.md GitHub · dembrandt/dembrandt · Revision 4deb835
  7. LICENSE GitHub · dembrandt/dembrandt · Revision 4deb835
  8. https://github.com/dembrandt/dembrandt/releases/tag/v0.39.2
  9. https://www.npmjs.com/package/dembrandt/v/0.39.2