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.
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
Create the workspace config
Add .vscode/mcp.json to your workspace, or run "MCP: Add Server" from the Command Palette.
- 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
Enable the tools
Open Chat in agent mode → Tools, and switch Claivra on.
- 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"