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.


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-07-06 08:23Z
next_check2026-07-06 11:23Z
cadenceevery 3h
verifiedhandshake:failed metadata:passed handshake:failed metadata:passed metadata:passed metadata:passed metadata:passed metadata:passed metadata:passed metadata:passed
index_statusindex7 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 →