Find tokens that fit a page's purpose
Overview
Describe the purpose of a page or a token you want to create. Ask an AI to find a reference site that uses that approach well, then extract it to get the actual values.
When designing a specific page type (a checkout flow, an onboarding screen, a data-dense dashboard, an emotional marketing moment), some visual choices work better than others. Instead of guessing what tokens to use, describe the page's purpose and emotional register to an AI agent. The agent identifies a reference site that executes that purpose well, you extract it with Dembrandt, and the agent then describes exactly which tokens make it work: the spacing scale that creates calm, the type weight that signals authority, the border radius that softens urgency. The extracted values become a starting point for the new design.
Reference site identified + extracted token set + explanation of which values create the intended emotional register.
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.