Compose Preview Catalogs

Name: Compose Preview Catalogs
Author: yschimke

yschimke

开始使用源码仓库

Standalone Compose Preview server, browser viewer, and visual harness

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

claude mcp add --transport http compose-preview-catalogs https://preview.coo.ee/mcp --header 'X-Compose-Preview-Token: <X_COMPOSE_PREVIEW_TOKEN>'

~/.codex/config.toml

[mcp_servers.compose-preview-catalogs]
url = "https://preview.coo.ee/mcp"
http_headers = { X-Compose-Preview-Token = "<X_COMPOSE_PREVIEW_TOKEN>" }

# codex mcp add compose-preview-catalogs --url https://preview.coo.ee/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "compose-preview-catalogs": {
      "url": "https://preview.coo.ee/mcp",
      "headers": {
        "X-Compose-Preview-Token": "<X_COMPOSE_PREVIEW_TOKEN>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "compose-preview-catalogs": {
      "type": "http",
      "url": "https://preview.coo.ee/mcp",
      "headers": {
        "X-Compose-Preview-Token": "<X_COMPOSE_PREVIEW_TOKEN>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "compose-preview-catalogs": {
      "httpUrl": "https://preview.coo.ee/mcp",
      "headers": {
        "X-Compose-Preview-Token": "<X_COMPOSE_PREVIEW_TOKEN>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "compose-preview-catalogs": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://preview.coo.ee/mcp",
        "--header",
        "X-Compose-Preview-Token:<X_COMPOSE_PREVIEW_TOKEN>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "compose-preview-catalogs": {
      "url": "https://preview.coo.ee/mcp",
      "headers": {
        "X-Compose-Preview-Token": "<X_COMPOSE_PREVIEW_TOKEN>"
      }
    }
  }
}

接入配置

相关推荐