{"slug": "connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps", "title": "Connect an MCP server to Claude, ChatGPT, Codex, Cursor and OpenCode (exact steps)", "summary": "A developer published a step-by-step guide for connecting a single remote MCP server, SVG Lab's Design Engine at https://svglab.app/mcp, to five AI clients: Claude, ChatGPT, Codex, Cursor and OpenCode. The walkthrough gives exact CLI commands and config files for each client, covers OAuth sign-in and a bearer-token fallback using an `svl_` key, and includes a test prompt that verifies the connection by having the assistant design a 64x64 paper plane icon and return a project link.", "body_md": "Every AI app has its own way to add an MCP server, and the docs for each live in a different place. This is the short version: the same remote server, five clients, the exact steps for each.\n\nThe worked example is the SVG Lab MCP at `https://svglab.app/mcp`, which houses SVG Lab's Design Engine and lets the AI you connect design app screens, icons, illustrations and charts. The steps below come from SVG Lab's own setup guide, read on 2026-10-01.\n\n`SVG Lab`, paste `https://svglab.app/mcp`.\n\n```\nclaude mcp add --transport http --scope user svglab https://svglab.app/mcp\n```\n\nThen type `/mcp`, select svglab, pick Authenticate, sign in and press Approve.\n\nYou need Developer mode (Plus, Pro, Business, Enterprise or Education).\n\n```\ncodex mcp add svglab --url https://svglab.app/mcp\n```\n\nOr in `~/.codex/config.toml`:\n\n```\n[mcp_servers.svglab]\nurl = \"https://svglab.app/mcp\"\n```\n\nThen authenticate on the SVG Lab row, approve, and start a new thread.\n\n`~/.cursor/mcp.json` (or `.cursor/mcp.json` in a project):\n\n```\n{\n  \"mcpServers\": {\n    \"svglab\": {\n      \"url\": \"https://svglab.app/mcp\"\n    }\n  }\n}\n```\n\nOpen Cursor Settings, find svglab in the MCP list, sign in, press Approve, and use it in Agent mode.\n\n`~/.config/opencode/opencode.json`:\n\n```\n{\n  \"mcp\": {\n    \"svglab\": {\n      \"type\": \"remote\",\n      \"url\": \"https://svglab.app/mcp\",\n      \"enabled\": true\n    }\n  }\n}\n```\n\nThen run `opencode mcp auth svglab`, approve, and restart OpenCode or start a new session.\n\nPaste this into a new chat:\n\n```\nUse the SVG Lab MCP server (svglab). First check my SVG Lab\naccount status and tell me which account you are connected to and\nwhether design access is on. Then create a new SVG Lab project\ncalled \"Setup test\", design a simple 64 by 64 paper plane icon in\nit, and give me the link to the project.\n```\n\nIf the assistant names your account, makes the icon (the first step can take 10 to 30 seconds) and hands back a project link, you are connected.\n\nIf a client cannot do the OAuth sign-in, generate a key (account menu, SVG Lab MCP, Generate key; it starts with `svl_` and is shown once) and send it as a bearer header:\n\n```\nclaude mcp add --transport http --scope user svglab https://svglab.app/mcp \\\n  --header \"Authorization: Bearer svl_YOUR_KEY\"\n```\n\nThe same guide also covers VS Code with GitHub Copilot, Windsurf and Gemini CLI. Every SVG Lab account gets 100 free requests to try the SVG Lab MCP, once.\n\nThe full guide, with a comparison table, the common slips and an FAQ, is on the SVG Lab blog: [How do you connect an MCP server to Claude or ChatGPT?](https://svglab.app/blog/how-to-connect-an-mcp-server-to-claude-chatgpt-cursor)", "url": "https://wpnews.pro/news/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps", "canonical_source": "https://dev.to/usman_basheers/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps-e9d", "published_at": "2026-10-01 08:39:58+00:00", "updated_at": "2026-10-01 08:44:11.779057+00:00", "lang": "en", "topics": ["agent-protocols", "ai-agents", "ai-tools", "developer-tools"], "entities": ["SVG Lab", "Claude", "ChatGPT", "Codex", "Cursor", "OpenCode", "GitHub Copilot", "Windsurf"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps", "markdown": "https://wpnews.pro/news/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps.md", "text": "https://wpnews.pro/news/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps.txt", "jsonld": "https://wpnews.pro/news/connect-an-mcp-server-to-claude-chatgpt-codex-cursor-and-opencode-exact-steps.jsonld"}}