mcpbeat

DesignScan MCP Server

io.github.ms-zaman/designscan
local only

DesignScan runs on your own machine — the client starts it, so there is no endpoint to ping. 22 installs a week from npm. Last commit 14 Jun 2026.

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

Installs per day peak 27 · avg 7 · -12% w/w
a month agotoday
22
Installs / week
npm · @designscan/extractor
1
Stars
0 open issues
14 Jun 2026
Last commit
0 releases in 90 days
MIT
License
TypeScript

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

run in your terminal
claude mcp add designscan -- npx -y @designscan/extractor
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "designscan": {
      "args": [
        "-y",
        "@designscan/extractor"
      ],
      "command": "npx"
    }
  }
}
~/.codex/config.toml
[mcp_servers.designscan]
command = "npx"
args = ["-y", "@designscan/extractor"]
.cursor/mcp.json
{
  "mcpServers": {
    "designscan": {
      "args": [
        "-y",
        "@designscan/extractor"
      ],
      "command": "npx"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "designscan": {
      "args": [
        "-y",
        "@designscan/extractor"
      ],
      "command": "npx"
    }
  }
}

DesignScan — questions

Answers built from our own checks of this server.

Why is there no uptime for DesignScan?
DesignScan runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package @designscan/extractor was installed 22 times last week.
How do I connect DesignScan?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls @designscan/extractor straight from npm; nothing to host, nothing to sign up for.
How many people use DesignScan?
The npm package @designscan/extractor was installed 22 times in the last week. Week over week that is -12%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is DesignScan open source?
Yes — it is published under the MIT licence, written in TypeScript and 1 stars on GitHub. The source link is on this page, so you can read exactly what it does with your data before you connect it.