DesignScan for Claude Code

io.github.ms-zaman/designscan

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

client:Claude Code transport:stdio runtime:npm

Install DesignScan in Claude Code

run in your project directory

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

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs