Loading languages...
DE

design-system-mcp-sandbox

@ssaitho1

デザインシステムのコンポーネント情報を取得するための MCP サーバー(sandbox 環境)

design-system
component
sandbox
mcp-server

design-system-mcp-sandbox

デザインシステムのコンポーネント情報を取得するための MCP サーバー(sandbox 環境)

セットアップ

  1. インストール
npm install
  1. ビルド
npm run build

使い方

サーバーの起動(例:Cursor)

{
  "mcpServers": {
    "design-system-mcp-sandbox": {
      "command": "node",
      "args": ["/path/to/design-system-mcp-sandbox/dist/index.js"],
      "env": {
        "ROOT_DIR": "/path/to/your/design-system"
      }
    }
  }
}

利用可能なツール

get_available_components

デザインシステムで利用可能なすべてのコンポーネントの一覧を取得します。

get_component_files

特定のコンポーネントに関連するファイルとその内容を取得します。

# mcpServer Config

{
  "mcpServers": {
    "design-system-mcp-sandbox": {
      "command": "node",
      "args": [
        "/path/to/design-system-mcp-sandbox/dist/index.js"
      ],
      "env": {
        "ROOT_DIR": "/path/to/your/design-system"
      }
    }
  }
}

# stdio

node /path/to/design-system-mcp-sandbox/dist/index.js
Transport:
stdio
Language:
TypeScript
Created: 4/24/2025
Updated: 4/25/2025