Google PageRank for AI agents. 25,000+ tools indexed.

dembrandt MCP Server

dembrandt/dembrandt

Score: 75.2 Rank #2916 Browser Automation
Are you the maintainer of dembrandt/dembrandt? Claim this listing →

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

Add AgentRank to Claude Code Discover and compare tools like dembrandt/dembrandt — your AI finds the right one automatically
Get API Access →
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

TypeScript MIT
design-systemsdesign-tokensfrontendplaywrightreverse-engineeringproductivitycssdesign-engineeringdesign-opsdesign-to-codedeveloper-experiencedxnodejsopen-sourcetailwind-cssui-auditbrand-auditsmcpdesign-mdtoken-drift

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 3,526

3,526 stars → well-known project

Freshness 25% 2d ago

Last commit 2d ago → actively maintained

Issue Health 25% 96%

26/27 issues closed → responsive maintainer

Contributors 10% 6

6 contributors → small team

Dependents 25% 2

2 dependents → few downstream users

npm Downloads N/A
PyPI Downloads N/A
Forks 319
Description Good
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Badge all embed codes →

AgentRank score for dembrandt/dembrandt
[![AgentRank](https://agentrank-ai.com/api/badge/tool/dembrandt--dembrandt)](https://agentrank-ai.com/tool/dembrandt--dembrandt/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/dembrandt--dembrandt/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/tool/dembrandt--dembrandt" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="dembrandt/dembrandt"></script>

Matched Queries

topic:mcp

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, w
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.