dembrandt MCP Server
dembrandt/dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
dembrandt/dembrandt is a TypeScript tool licensed under MIT. Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command. Topics: design-systems, design-tokens, frontend, playwright, reverse-engineering, productivity, css, design-engineering, design-ops, design-to-code, developer-experience, dx, nodejs, open-source, tailwind-css, ui-audit, brand-audits, mcp, design-md, token-drift.
Ranked #2916 out of 24840 indexed tools.
Has 3,526 GitHub stars.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
3,526 stars → well-known project
Last commit 2d ago → actively maintained
26/27 issues closed → responsive maintainer
6 contributors → small team
2 dependents → few downstream users
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Matched Queries
From the README
# Dembrandt. Extract any website's design system in one command. Enforce it in CI. Logo, colors, typography, spacing, borders, shadows, motion, components. W3C design tokens in seconds. ## Install ```bash npm install -g dembrandt dembrandt install-browser # one-time: fetches the matching Chromium dembrandt dembrandt.com ``` The browser step is required. dembrandt drives Chromium through `playwright-core`, which ships no browser binaries, so a fresh install has nothing to launch until you run it. Skipping it fails with `browser engine not available`. Or use npx without installing: `npx dembrandt dembrandt.com`. The browser step applies here too: run `npx dembrandt install-browser` first. Browsers land in a shared Playwright cache, so either route only needs it once. Requires Node.js 18+ ## What you get - Colors (semantic, palette, CSS variables, gradients) - Typography (fonts, sizes, weights, sources, font file URLs) - Spacing (margin/padding scales) - Borders (radius, wRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.