Integration · MCP client

Connect Clearly to Claude.

Connect Clearly to Claude as an MCP server: add Clearly’s hosted endpoint to your MCP config, sign in over OAuth, and Claude gains tools to work your Clearly workspace right in the conversation — headless, no browser, billed to your Clearly plan.

Get an MCP tokenMCP docs ⟶

How do you connect Clearly to Claude?

Connect Clearly to Claude as an MCP server: add Clearly’s hosted endpoint to your MCP config, sign in over OAuth, and Claude gains tools to work your Clearly workspace right in the conversation — headless, no browser, billed to your Clearly plan.

Connect

Add Clearly to Claude

Under a minute — nothing to deploy; the server is hosted.

  1. 01Add the Clearly server to Claude Desktop’s mcp.json: https://relay.clearly.sh/mcp
  2. 02Sign in over OAuth when Claude prompts — there is no token to mint or paste.
  3. 03Restart Claude — the clearly_* tools appear, including clearly_workspace_catalog.
  4. 04Ask Claude to make an icon, logo, or illustration; it returns editable SVG.
mcp.json
{
  "mcpServers": {
    "clearly": {
      "url": "https://relay.clearly.sh/mcp"
    }
  }
}
What it unlocks

Claude + a design tool

Generate editable vector art from a prompt, mid-conversation

Produce raster images when you need a bitmap

Keep the SVG editable — real paths, not a flattened screenshot

Drop the result onto a Clearly canvas to refine by hand

FAQ

Clearly + Claude, answered

01How do you connect Clearly to Claude?+
Connect Clearly to Claude as an MCP server: add Clearly’s hosted endpoint to your MCP config, sign in over OAuth, and Claude gains tools to work your Clearly workspace right in the conversation — headless, no browser, billed to your Clearly plan.
02Is the Clearly Claude integration free?+
Connecting is free — you mint an API token and add the hosted server, nothing to deploy. Generations are metered against your Clearly AI pool, with the per-call cost returned so spend is auditable.
03Does Claude get editable SVG or a flat image?+
Editable SVG. Your agent hand-rolls real <svg> and path code onto the canvas — canvas.create-node { type:'svg' } or { type:'path' } — so what lands is layers you can open and change, not a flat asset.
Other integrations

Connect another tool

Cursor

AI code editor · MCP client

Claude Code

Agentic CLI · MCP client

Any agent

The platform view — how agents generate, perceive, and drive a canvas.

Give Claude a design tool

Mint a token, connect the hosted server, and start generating editable art right where you work.

Get an MCP tokenRead the MCP docs