Skip to content
MCP Directory
Back to Directory

TL;DR

DesignScan is a Model Context Protocol (MCP) server. Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS. Install with: npx -y @designscan/extractor. Source: https://github.com/ms-zaman/DesignScan. It speaks the Model Context Protocol and works with any compatible client (Claude, Cursor, Cline, Windsurf, Warp and more).

DesignScan

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

Install Command

npx -y @designscan/extractor

GitHub Repository

1
Stars
1
Forks
0
Open Issues
View on GitHubVisit Homepage

Frequently Asked Questions

DesignScan is a Model Context Protocol server that Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

You can install it by running the install command: `npx -y @designscan/extractor`. It then becomes available to any MCP-compatible client such as Claude, Cursor, Cline, Windsurf.

The DesignScan MCP Server is compatible with any client that speaks the Model Context Protocol — including Claude, Cursor, Cline, Windsurf.

Check the project license on its repository before use.

Reviews

0 reviews·  0.0 average

No reviews yet. Be the first to share your experience.

Leave a review

Your rating

Rating

0.0 (0)
0.0 / 5.0

Promote this server

Get top placement in category & search with a Featured badge.

Get featured

Details

Agent Rank
23.0
License
Last Updated
Aug 12, 2026
Languages
TypeScript

Client Compatibility

Speaks the Model Context Protocol — works with any compatible client.

ClaudeCursorClineWindsurf