mcpexplorer.com
servers / extract-design-system

extract-design-system MCP server

communitystdiolocalunknownhealthy

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Is it safe?Setup guideAlternativesClaim this server
01Tools · 0
Tools require a live tools/list handshake. For local/stdio servers that runs in a sandbox (gated off until configured); remote servers are probed directly.
02Install & source
npx -y extract-design-system-mcp
npx
05Provenance & freshness
sourcesGitHub repo search [p4]
last_checked2026-08-20 09:51Z
next_check2026-08-20 12:51Z
cadenceevery 3h
verifiedhandshake:failed metadata:passed handshake:failed metadata:passed handshake:failed metadata:passed handshake:failed metadata:passed handshake:failed metadata:passed
index_statusindex — 7 unique facts >= 5
06Badge

Add the “as seen on MCPExplorer” badge to your README. extract-design-system MCP — as seen on mcpexplorer.com

[![extract-design-system MCP — as seen on mcpexplorer.com](https://mcpexplorer.com/badge/extract-design-system.svg)](https://mcpexplorer.com/servers/extract-design-system)
Next step

This is one server. A loadout combines the right servers, governance, and proven plays for a whole job — assembled deliberately, not tool-dumped.

Explore loadouts →