Install

# CLI install
npm install -g extract-design-system

MCP client config

{
  "command": "npx",
  "args": ["-y", "extract-design-system"],
  "env": { "SPAWNPAY_API_KEY": "spk_live_..." }
}

Drop this into your Claude Desktop or Cursor config. Agents call the tool, payments settle automatically.

Make it paid

This MCP is currently free. Authors can wrap any tool in two lines using spawnpay-paywall to charge per call in USDC. Keep 99.5%, no payment infra.

// Node — npm install spawnpay-paywall
import { paywall } from 'spawnpay-paywall';
const myTool = paywall(
  { price: 0.005, vendor: 'SP_yourCode' },
  originalToolFn
);

About

Package: extract-design-system
Version: 0.1.11
Author: arvind94
Published: 2026-05-05
Keywords: design-tokens, design-system, design-system-extraction, css-custom-properties, css-variables, color-palette, color-extraction, typography

Related MCPs

@dollhousemcp/mcp-server

DollhouseMCP - A Model Context Protocol (MCP) server that enables dynamic AI persona management from markdown files, allowing Claude and oth
@aashari/mcp-server-atlassian-jira

Node.js/TypeScript MCP server for Atlassian Jira. Equips AI systems (LLMs) with tools to list/get projects, search/get issues (using JQL/ID)
@mcp-b/react-webmcp

React hooks for Model Context Protocol (MCP) - expose React components as AI tools for Claude, ChatGPT, Cursor, and Copilot with Zod validat
agent-install

Install SKILL.md files, MCP servers, and AGENTS.md guidance for any coding agent. Ships both a Node API and a CLI.

Browse all MCPs →