Dembrandt CLI
A CLI that extracts any website's design system into tokens: colors, typography, spacing, shadows, in one run
- 4,001 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Launches a browser and reaches external sites to collect styles
- The --stealth flag bypasses some anti-automation defenses; use only on permitted sites
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add cli/dembrandtDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Launches a browser and reaches external sites to collect styles
- The --stealth flag bypasses some anti-automation defenses; use only on permitted sites
This is third-party code. Review the repository files before installing.
What it does
Dembrandt loads a page through Playwright, reads the DOM's computed styles, and turns them into structured design tokens: colors with a confidence score, typography, spacing, radii, shadows, motion, and components such as buttons and inputs. Output can be exported as a shadcn/ui theme, a Tailwind config, W3C DTCG tokens, a DESIGN.md for an agent, or an HTML report. A separate compare mode checks the current run against a saved baseline and exits with an error when tokens drifted, which fits a CI gate.
Who it is for. For frontend developers and designers who need to quickly extract or check a third-party site's design system.
Good fit when
- You need to quickly understand a third-party site's palette, fonts and spacing
- You need a DESIGN.md or tokens so an agent builds in a consistent style
- You need to catch visual drift in CI by comparing a run against a baseline
Not a fit when
- The site blocks automated access or requires complex authorization
- You need an exact copy of the markup rather than a set of tokens
Example request
Extract design tokens from example.com and save them as DESIGN.mdLimitations
Requires Node.js 18+ and a separate Chromium install via dembrandt install-browser; without that step the command will not run. The --stealth flag is meant only for authorized use on your own or permitted sites. The ML brand-color prediction is marked experimental.
How to disable. Remove the package with npm uninstall -g dembrandt; when run via npx nothing stays installed.
FAQ
Can I run it without a global install?
Yes, via npx dembrandt example.com, but the install-browser step is still needed once: npx dembrandt install-browser.
How do I add a design-drift check to CI?
Use the dembrandt/dembrandt GitHub Action with url and baseline inputs, or run dembrandt URL --compare baseline.json --json-only, which exits with code 1 on drift.
Discussion
No questions or reviews yet.
Related
CLI toolsdesignlang
designlang (design-extract)
A CLI and MCP server that reads a live website and pulls out its design system: DTCG tokens, a Tailwind config, Figma variables and a brand book
A skill and CLI that pull colors, type, spacing, radius and shadows from a public site and save them as JSON and CSS tokens
An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code
design.how: 6 skills turn an app's UI into a design system for the agent, plus four ready systems for shadcn.
45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.
A skill for interfaces without the generic AI look: typography, color, motion, component states and a critique of the result.
README in short
The README presents Dembrandt as a one-command tool for extracting a site's design system. Install is via npm with a separate Chromium download step. Flags are grouped into export (shadcn, tailwind, dtcg, design-md, html, screenshot), analysis (wcag contrast, compare for drift, an experimental ai mode) and coverage (sitemap crawling, multi-page merges, mobile viewport, dark mode). A GitHub Action provides a CI gate, and the project site lists ready-made recipes. MIT licensed.