~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"design-extract-mcp": {
"command": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
}
}
開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。
~/.cursor/mcp.json · .cursor/mcp.json
{
"mcpServers": {
"design-extract-mcp": {
"command": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
}
}
Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。
VS Code → Cline → MCP Servers → Edit
{
"mcpServers": {
"design-extract-mcp": {
"command": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
}
}
點擊 Cline 側欄中的 MCP Servers 圖示，然後選 "Edit Configuration"。
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"design-extract-mcp": {
"command": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
}
}
格式與 Claude Desktop 相同。重啟 Windsurf 生效。
~/.continue/config.json
{
"mcpServers": [
{
"name": "design-extract-mcp",
"command": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
]
}
Continue 使用伺服器物件陣列，而非映射。
~/.config/zed/settings.json
{
"context_servers": {
"design-extract-mcp": {
"command": {
"path": "npx",
"args": [
"-y",
"design-extract-mcp"
]
}
}
}
}
加入 context_servers。Zed 儲存後熱重載。
claude mcp add design-extract-mcp -- npx -y design-extract-mcp
一行命令搞定。用 claude mcp list 驗證，claude mcp remove 移除。