Compose Preview Catalogs

Name: Compose Preview Catalogs
Author: yschimke

yschimke

Get started Repository

Standalone Compose Preview server, browser viewer, and visual harness

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to 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>"
      }
    }
  }
}

Setup

Related