Skip to main content
Home/Recipes/Extract tokens via MCP
Integrations

Extract tokens via MCP

DeveloperDesigner

Overview

With the Dembrandt MCP server installed, your AI agent extracts design tokens mid-conversation. No terminal switching, no file management. Just ask.

The Dembrandt MCP server exposes token extraction as a tool available to any MCP-compatible AI agent: Claude Code, Cursor, Windsurf, and others. With the server installed, you can ask the agent to extract tokens from any URL mid-conversation. The agent calls the tool, receives the structured token data, and can immediately use it to answer questions, generate code, or compare against other extractions. No terminal switching, no JSON files to manage, no copy-paste between tools.

Install MCP server
claude mcp add --transport stdio dembrandt -- npx -y --package dembrandt dembrandt-mcp
Agent prompt
# In Claude Code with MCP active:
"Extract the design tokens from stripe.com and
summarize the color palette and type scale."
Output

Tokens extracted and available in the agent's context.

More in Integrations

Design review with Dembrandt Skills

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