SVG Lab

Name: SVG Lab
Author: svglab

svglab

SVG Lab MCP: give Claude, ChatGPT, Codex and Cursor a design engine for app screens, icons and illustrations as clean SVG.

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 svg-lab https://svglab.app/mcp/agents

~/.codex/config.toml

[mcp_servers.svg-lab]
url = "https://svglab.app/mcp/agents"

# codex mcp add svg-lab --url https://svglab.app/mcp/agents

~/.cursor/mcp.json

{
  "mcpServers": {
    "svg-lab": {
      "url": "https://svglab.app/mcp/agents"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "svg-lab": {
      "type": "http",
      "url": "https://svglab.app/mcp/agents"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "svg-lab": {
      "httpUrl": "https://svglab.app/mcp/agents"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "svg-lab": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://svglab.app/mcp/agents"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "svg-lab": {
      "url": "https://svglab.app/mcp/agents"
    }
  }
}

Setup

Related