Skip to main content
Home/Recipes/Extract and merge tokens across key pages
Extraction

Extract and merge tokens across key pages

DesignerDeveloperPM

Overview

Pass multiple paths in one command to build a single token set spanning your most important pages. Tokens that recur across pages are promoted to higher confidence; page-specific outliers stay visible by their low frequency.

The paths argument lets you extract several specific URLs in one command and merge them into a single token set. This is more targeted than --crawl: you choose exactly which pages contribute to the output. Tokens seen on multiple pages get a confidence boost, while page-specific outliers stay visible by their low frequency. The result is a consolidated, multi-page-validated design system, not a per-page breakdown. Merging produces a union and drops per-page provenance, so to find tokens unique to one page, extract each path separately and diff the outputs instead.

Merge tokens across key pages

Terminal
dembrandt example.com /pricing /features /about --save-output

For per-page analysis, extract each path separately

Terminal
dembrandt example.com --save-output

...then the page you want to compare

Terminal
dembrandt example.com/pricing --save-output
Agent prompt: per-page diff (uses the separate extractions)
# Load the two extractions (homepage and /pricing), then:
"Which tokens appear in the /pricing extraction but not the
homepage one? These are likely conversion-specific design
decisions. Describe the visual strategy difference between the
marketing and product pages from the token data."
Output

One merged token set across the given paths, with confidence boosted for tokens seen on multiple pages.

More in Extraction

Basic token extractionMulti-page crawlDark mode analysisScreenshot + token visual auditDTCG export to Tokens Studio or Figma VariablesRaw vs. filtered color analysisExtract Cloudflare-protected sites with FirefoxExtract authenticated views via CDP

Browse all

All recipes →

52 workflows

Continue reading

Getting started

Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.

Read more

MCP

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

Read more

Skills

30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.

Read more