DesignScan for Grok
io.github.ms-zaman/designscan
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.
client:Grok
transport:stdio
runtime:npm
Install DesignScan in Grok
.mcp.json (in your project root)
{
"mcpServers": {
"designscan": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@designscan/extractor"
]
}
}
}Grok Build reads Claude Code's .mcp.json and Claude Desktop's config unchanged, so a server you have already set up there needs nothing new. The Grok web app and X integration do not take custom servers. Grok docs