DesignScan

Indexed by io.github.ms-zaman

About

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

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

Transportstdio (runs a local command)

Claude Code

claude mcp add designscan -- npx @designscan/extractor

Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code

code --add-mcp '{"name":"designscan","command":"npx","args":["@designscan/extractor"]}'

JSON

{
  "mcpServers": {
    "designscan": {
      "command": "npx",
      "args": [
        "@designscan/extractor"
      ]
    }
  }
}