Design Extract MCP Server

Name: Design Extract MCP Server
Author: Manavarya09

v1.0.0•AI/ML•stable

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma varia

accessibilityagent-skillaichrome-extensionclaude-code-plugin

2,848

Stars

Downloads

Weekly

0/5

View on GitHub

About

Features

Extract any website's complete design system with one comman

Use Cases

Extract any website's complete design system with one command. DTCG tokens, sema

Manavarya09

Maintainer

LicenseMIT

Languagejavascript

Versionv1.0.0

UpdatedMay 21, 2026

Statushealthy

Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

View Source Browse All Servers

Installation

Manual Installation

npx design-extract

Examples

Basic Configuration

Configure Design Extract MCP Server

npx design-extract

Configuration

Configuration Details

Config File

claude_desktop_config.json

Web UI

Not available

Security

Authentication

RequiredNo

Features

Data Encryption

Audit Logging

RBAC Support

Performance

Response Metrics

Response Time< 200ms

ThroughputMedium

Resource Usage

Memory UsageLow

CPU UsageLow

Similar AI/ML Servers

Other popular servers in the same category.

N8N MCP Server

★ 188.9k

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

Ecc MCP Server

★ 187.8k

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Dify MCP Server

★ 142.1k

Production-ready platform for agentic workflow development.

Open Webui MCP Server

★ 138.0k

User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

Gemini Cli MCP Server

★ 104.4k

An open-source AI agent that brings the power of Gemini directly into your terminal.

Awesome Mcp Servers MCP Server

★ 87.2k

A collection of MCP servers.

More AI/ML MCP Servers

Explore other servers in the AI/ML category.

AI/ML Browse All Servers

Set Up Design Extract MCP Server in Your Editor

Choose your AI client for step-by-step setup instructions.

🖥️

Claude Desktop

macOS & Windows app

⌨️

Claude Code

CLI & terminal

📝

Cursor

AI-first code editor

💻

VS Code

GitHub Copilot MCP

🏄

Windsurf

Codeium AI editor

🔌

Cline

VS Code extension

Quick Config Preview

{
  "mcpServers": {
    "design-extract": {
      "command": "npx",
      "args": ["-y", "design-extract"]
    }
  }
}

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use Design Extract MCP Server?

Browse our complete directory of 60+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

60+ ServersFree & Open SourceStep-by-Step Guides

Explore All Servers Read Our Guides