dembrandt/dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command. observed · 2026-08-28
Health v2 · maintenance only
83/100
- Activity 99
- Release rhythm 99
- Longevity 20
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 2.0
- age_days: 284
- days_rel: 7
- days_push: 7
- n_releases_24m: 55
Adoption not part of the score
3225 stars · 294 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Dembrandt is an open-source Node.js CLI that extracts a website's design system—colors, typography, spacing, borders, shadows, motion, components, breakpoints—into W3C design tokens in seconds using Playwright-driven headless Chromium. It also exports DESIGN.md, DTCG JSON, Tailwind v4 theme CSS, and brand guide PDFs, and can enforce design-token drift checks in CI.
Use cases
- extract design tokens from any website
- reverse-engineer a competitor's brand colors and typography
- generate DESIGN.md for AI coding agents like Claude Code or Cursor
- catch design token drift in CI against a committed baseline
- audit WCAG contrast of a live site
- export a site's design system as W3C DTCG tokens or Tailwind v4 theme
- build a brand guide PDF from a live URL
When to choose
- you need a measured token set from a live URL without manual DevTools work
- you want to enforce brand consistency by failing CI when tokens drift
- you're feeding real design tokens into AI-native UI generation workflows
- you need DTCG, JSON, Tailwind, or PDF exports of a site's design system
When to avoid
- you need to extract from sites behind logins or heavy anti-bot protection
- you want a full design-system management platform rather than token extraction
- you can't install Node.js 18+ and a Playwright-managed Chromium browser
Facets
cli-tool · maturity active
cli web-scraping developer-tools mcp ci-cd css-framework ui-components accessibility web-development frontend web-design developer-tools cli cross-platform windows design-tokens design-systems playwright brand-audit token-drift dtcg tailwind-css design-to-code wcag-contrast headless-browser automation nodejs macos linux
7 sources
- readme: https://github.com/dembrandt/dembrandt · fetched 2026-08-28 · a6786fcb7152
- homepage: http://dembrandt.com/ · fetched 2026-08-29 · f7b97a7b6907
- site_page: https://www.dembrandt.com/getting-started · fetched 2026-08-29 · e7be140089b0
- site_page: https://www.dembrandt.com/app-features · fetched 2026-08-29 · 77e6b709ccaf
- site_page: https://www.dembrandt.com/about · fetched 2026-08-29 · e8d5d62bd176
- registry_npm: https://registry.npmjs.org/dembrandt · fetched 2026-08-29 · 68367aa57937
- site_page: https://www.dembrandt.com/integrations · fetched 2026-08-29 · 68b245d25ad2
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| dembrandt/dembrandt | main | 83 |
For agents
markdown · JSON · MCP: product_card(name="dembrandt/dembrandt")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem