Extract Design System MCP Server

by arvindrk• 267•• Scanned•Claim this listing•Request removal
Design & Mediaagent skillsautomationbrand auditclaude code skillsclaude skills

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.

Extract Design System is an open-source mcp server by arvindrk, written mainly in TypeScript, with 267 GitHub stars and the MIT license. Its code was last updated Sep 5, 2026. The latest npm release is extract-design-system-mcp 0.0.1, published Nov 5, 2026, with 49 downloads last week.

Scan summary: scanned Nov 5, 2026 at commit 1873741. No capabilities flagged by our checks. Scan policy

How to install Extract Design System

Built from the start command in the project's README: npx -y extract-design-system-mcp. Check the README for required keys or settings.

Claude Code · Terminal
claude mcp add extract-design-system -- npx -y extract-design-system-mcp
Claude Desktop · claude_desktop_config.json
{
  "mcpServers": {
    "extract-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "extract-design-system-mcp"
      ]
    }
  }
}
Cursor · .cursor/mcp.json
{
  "mcpServers": {
    "extract-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "extract-design-system-mcp"
      ]
    }
  }
}
VS Code · Terminal
code --add-mcp '{"name":"extract-design-system","command":"npx","args":["-y","extract-design-system-mcp"]}'

What Extract Design System can touch

  • Run shell commandsNot seen in this scan
  • Run dynamic codeNot seen in this scan
  • Read or write filesNot seen in this scan
  • Read environment and secretsNot seen in this scan
  • Control a web browserLikely, from its own description
  • Connect to databasesNot seen in this scan
  • Read or send messagesNot seen in this scan
  • Touch money or tradingNot seen in this scan
  • Connect to the internetNot run in this scan

"Not seen" means our checks did not find it, and the tool may still do it. Covers commit 1873741, Nov 5, 2026. See the scan policy.

Before you install Extract Design System

AgenticMart scanned Extract Design System on Nov 5, 2026 with automated checks for hidden code, known-malicious packages, leaked secrets and vulnerable dependencies. The result covers one commit under our scan policy, so review what access you give it and check any advisories shown here.

What it can access

  • An MCP server is a program your AI app starts and talks to. A local one runs with your user's permissions: it can see the files, environment variables and network your account can.
  • Based on its description and topics, it likely needs to control a web browser (visit sites, fill in and submit forms).

Before you install

  1. Run it in a separate browser profile without your logged-in accounts.
  2. Pin the version you reviewed instead of always installing the latest release.
  3. Read the tool list or scripts before the first run, and keep approval prompts on for actions that write, send or delete.
  • Maintained by arvindrk on GitHub, 267 stars and 30 forks. Popularity is not proof of safety.
  • Last code change: Sep 5, 2026.
  • Open-source license: MIT.

Extract Design System is an open-source mcp server by arvindrk, written mainly in TypeScript. 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.

At a glance

Stars
267
Forks
30
Language
TypeScript
License
MIT
Created
Mar 2026
Last update
Sep 5, 2026
Type
MCP Server
Price
Free

Topics

agent-skillsautomationbrand-auditclaude-code-skillsclaude-skillsclicsscursor-skillsdesign-mddesign-opsdesign-systemdesign-tokensdeveloper-experiencefrontendmcpnodejsplaywrightskills-shtoken-extractorui-audit

Questions about Extract Design System

What is Extract Design System?

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.

Who maintains Extract Design System?

Extract Design System is maintained by arvindrk on GitHub (arvindrk/extract-design-system). AgenticMart lists it from public repository data.

Is Extract Design System safe to use?

AgenticMart scanned Extract Design System on Nov 5, 2026 with automated checks for hidden code, known-malicious packages, leaked secrets and vulnerable dependencies. The result covers one commit under our scan policy, so review what access you give it and check any advisories shown here.

What license does Extract Design System use?

It is published under the MIT license.

Extract Design System alternatives

View more →

Similar mcp servers in Design & Media, ranked by GitHub stars. Compare licence, recent activity and scan status before you choose.

NameStarsLicenceLast updatedScan
Extract Design System (this page)
arvindrk
267MITSep 5, 2026Scanned, no flagged issues
Next AI Draw Io
DayuanJiang
37kApache-2.0Nov 1, 2026Scanned, no flagged issues
MCP For Blender
ahujasid
33kMITOct 29, 2026Scanned, no flagged issues
Figma Context MCP
GLips
16kMITOct 27, 2026Scanned, no flagged issues
Nginx UI
0xJacky
12kAGPL-3.0Nov 1, 2026Scanned, no flagged issues
Lamda
firerpa
8.7kMITSep 27, 2026Scanned, no flagged issues