DesignScan MCP Server
by ms-zamanio.github.ms-zaman/designscanv0.4.0
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.
context tax
queued
security
queued
cold start
queued
freshness
Slowing4mo ago
Install DesignScan MCP server
Install in Claude Code
claude mcp add extractor -- npx -y @designscan/extractor mcpInstall in Cursor
{
"mcpServers": {
"extractor": {
"command": "npx",
"args": [
"-y",
"@designscan/extractor",
"mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"extractor": {
"command": "npx",
"args": [
"-y",
"@designscan/extractor",
"mcp"
]
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"extractor": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@designscan/extractor",
"mcp"
]
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"extractor": {
"command": "npx",
"args": [
"-y",
"@designscan/extractor",
"mcp"
]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Freshness
Slowing — last maintenance signal 4mo ago. The newest of the signals below sets the band.
Last commit (default branch)
2026-06-14 · 4mo ago · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-06-13 · 4mo ago · official registry · v0.4.0
FAQ
›How do I install the DesignScan MCP server in Claude Code?
Run: claude mcp add extractor -- npx -y @designscan/extractor mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does DesignScan require an API key?
No required environment variables are declared in its published metadata.
›Can I use DesignScan as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is DesignScan in the official MCP registry?
Yes, as io.github.ms-zaman/designscan.
Alternatives to DesignScan
Other design MCP servers.