Cross-pollinate extraction with brand context
Overview
Extracting a design system from a website alone is not an accurate way to reverse-engineer a brand. Combine Dembrandt's live extraction with the rest of your context (a brand guide, a Figma export, an existing token file, a Storybook, a screenshot) and the agent reconciles them into one reliable token set.
A website is only one expression of a brand, so extracting it in isolation misses intent that lives elsewhere. In real engagements you want to cross-pollinate the extraction with the surrounding context. Anything the editor can read works: another app, a design system exported from Figma via MCP, a brand guide PDF, a screenshot or poster, an existing DESIGN.md, an existing token or theme file (tailwind.config, CSS custom properties), a Storybook or component library, a DTCG token JSON exported from Tokens Studio, or a competitor extraction to benchmark against. In an agentic workflow this is trivial. Open Claude Code, Copilot, or your preferred editor, drag and drop the supporting files into context, and let the agent crawl the target with Dembrandt alongside them. Dembrandt's native Playwright extraction supplies the measured, real-world tokens; the loaded documents supply intent and ground truth. Together they produce a reliable starting set of design tokens and a clear map of where the live product diverges from the brand it is supposed to express.
Crawl the marketing site across key paths
Crawl the app across key paths
One reconciled token set from the live product plus loaded context, with an ASCII diff table and a list of gaps against the brand guide.
More in AI Pipelines
Browse all
All recipes →
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.
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.
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.