Run Your First Extraction

In under 2 minutes you will turn any public website into a complete set of design tokens: colors, typography, spacing, borders, and more. All you need is Node.js and a terminal.

1.Prerequisites

You need two things before running Dembrandt.

• Node.js — a free runtime that lets your computer run CLI tools like Dembrandt. Download it here (click the big green button, install like any app). If you've used npm before, you already have it.
• A terminal — just a text window where you type commands.

  Mac: ⌘ Space → type Terminal → EnterWindows: ⊞ Win → type cmd → Enter

2.Install

Open your terminal, paste the line below, and press Enter. You only need to do this once.

Takes about 30 seconds. You'll see some text scroll by — that's normal.

3.Run it

Pick any public website — a competitor, a brand you admire, or your own. Pass its address as the argument:

Dembrandt opens the site in a headless browser, reads every computed style, and prints the full design system in your terminal. Usually takes 10–30 seconds.

4.Output

The terminal prints a structured design system — colors, typography, spacing, borders, and shadows:

5.Flags

Add any of these to the end of your command:

6.AI Agent Integration (MCP)

Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent calls it automatically when you ask.

Or add to your project's .mcp.json:

Tools available:

7.Automatic drift tracking

Wire the CLI into CI and every deploy records a snapshot to your account automatically. Generate an API key in the App, then pass it with --key. Each run uploads its snapshot and scores it against the previous one for that domain — the history builds itself.

Questions? Open a GitHub Discussion.