Global (EN)
Setup GuideSaved Tools
Back to All MCP Servers
D

Design System

Verified Integration
Author: @freema•Category: ServerApplication
GitHub Repository
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status
Tags:#Claude#Search#Database#API#Git#Filesystem#AI#GitHub#Node.js

Client Configuration

— Connect Design System to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "design-system-1": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-design-system-1"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Extracts component information, HTML, and styles from Storybook design systems for AI assistant interaction.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Design System

It extracts rendered HTML and styles, component props, dependencies, composition examples, design system theme information (colors, typography, spacing), and can analyze external CSS for design tokens and variables.

Related MCP Servers

Browse all servers →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more
C

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more