Competitor benchmarking
Overview
Extract design tokens from your top competitors and compare them side by side. Structured data instead of screenshots in a slide: actual color values, type scales, and spacing systems.
Extract design tokens from multiple competitor websites and compare them systematically. Instead of taking screenshots and eyeballing differences in a slide deck, you get structured JSON files with exact color values, font families, type scales, spacing systems, and border treatments for each brand. Feed the files into an AI agent for a written analysis, or load them into a spreadsheet for manual comparison. This workflow replaces a full research sprint with a 5-minute extraction run.
Extract competitor A
Extract competitor B
Extract competitor C
Per-brand token JSON files ready for side-by-side comparison, charting, or AI analysis.
More in Competitive Research
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.