MCP/Setup/VS Code

Connect Claivra to VS Code

Use Claivra in VS Code agent mode. Add the Claivra MCP server once and your agent can generate ad creatives, edit images, manage brand kits, and ship client review shares — all 29 tools, one endpoint.

First, grab an API key — you'll paste it into the config below.

Stays in your browser — it's inserted into the snippet locally, never sent anywhere.

Add this to your config

.vscode/mcp.json
{
  "servers": {
    "claivra": {
      "type": "http",
      "url": "https://claivra.com/api/mcp",
      "headers": {
        "Authorization": "Bearer ck_live_YOUR_KEY"
      }
    }
  }
}

Replace ck_live_YOUR_KEY with a key from your dashboard.

Set up VS Code

  1. 1

    Create the workspace config

    Add .vscode/mcp.json to your workspace, or run "MCP: Add Server" from the Command Palette.

  2. 2

    Add the Claivra block

    Paste the snippet above, replacing ck_live_YOUR_KEY with your API key. Note the top-level `servers` key.

  3. 3

    Enable the tools

    Open Chat in agent mode → Tools, and switch Claivra on.

  4. 4

    Ask the agent

    Try "Generate an ad concept with Claivra."

Note: Requires MCP support via GitHub Copilot agent mode. To avoid hardcoding the key, use an `inputs` prompt so VS Code asks for it on first run.

Try these once you're connected

Talk to VS Code in plain language — it calls the right Claivra tools for you.

  • ›"Scan https://example.com and create a brand kit from it"
  • ›"Generate 5 ad concepts for my brand — Square and Google Ad sizes"
  • ›"Remove the location text from the latest square ad in my media library"
  • ›"Bundle my newest ads into a client review share"
Browse all 29 tools

Using a different client?

Claude DesktopClaude CodeCursorWindsurfChatGPTAny MCP client
MCP overviewGet your API key