MCP server

DesignScan

io.github.ms-zaman/designscan

Checked 26 Oct 2026, 08:31 UTC · Still published on its registry; checked against OSV.dev; never run by us

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

Runs on your computer

Source

At a glance

Type: MCP server
Publisher: Not verified
Status: Runs on your computer
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code
Last checked: 26 Oct 2026, 08:31 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

claude mcp add designscan -- npx -y @designscan/extractor@0.4.0

Claude Desktop

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

Codex (config.toml)

[mcp_servers.designscan]
command = "npx"
args = ["-y","@designscan/extractor@0.4.0"]

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"designscan":{"type":"stdio","command":"npx","args":["-y","@designscan/extractor@0.4.0"]}}}

Runs on your computer with your permissions: check the package and its source before installing.

Browse

Related MCP servers

Standby Design
Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
Agentdevx
Give your AI hands. Identity, credential vault, and API gateway for autonomous agents.
DESIGN.md Linter & Extractor
Lint and diff DESIGN.md files with the official Google linter, or write one from a web page.
Mlola UI
Mlola UI components, tokens and design rules for coding agents, with a markup checker
Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Designesy
Design quality gate for AI-generated UI: score any URL on 45 deterministic checks, A–F grade.
Screenrove
Real product UI captures for design reference, competitor analysis, and coding agents.
Standout
Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.ms-zaman/designscan.svg)](https://aptlynx.net/servers/io.github.ms-zaman/designscan)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents