Integration · Agentic CLI · MCP client

Connect Clearly to Claude Code.

Add Clearly to Claude Code with one command and your terminal agent can generate editable vectors and images as part of any task — wiring design into builds, scripts, and CI. The Clearly plugin also ships ready-made skills.

Get an MCP tokenMCP docs

How do you connect Clearly to Claude Code?

Add Clearly to Claude Code with one command and your terminal agent can generate editable vectors and images as part of any task — wiring design into builds, scripts, and CI. The Clearly plugin also ships ready-made skills.

Connect

Add Clearly to Claude Code

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

  1. 01Mint an MCP token in Clearly (Settings → Developers, scope rpc:write).
  2. 02Run the claude mcp add command with your token (below).
  3. 03clearly_generate_svg / clearly_generate_image are now in Claude Code’s toolset.
  4. 04Ask it to generate assets — in a coding session or a CI job.
terminal
claude mcp add --transport http clearly https://relay.clearly.sh/mcp \
  --header "Authorization: Bearer ck_mcp_..."
What it unlocks

Claude Code + a design tool

Generate assets inside agentic coding sessions

Wire generation into CI/build pipelines — no designer in the loop

Editable SVG the agent can post-process, diff, or hand to a cutter

Metered against your AI pool, cost returned per call

FAQ

Clearly + Claude Code, answered

01How do you connect Clearly to Claude Code?+
Add Clearly to Claude Code with one command and your terminal agent can generate editable vectors and images as part of any task — wiring design into builds, scripts, and CI. The Clearly plugin also ships ready-made skills.
02Is the Clearly Claude Code 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 Code get editable SVG or a flat image?+
Editable SVG. clearly_generate_svg returns real <svg> path code your agent can post-process, recolor, or hand to a cutter — not a flattened screenshot. Raster is available via clearly_generate_image when you need a bitmap.
Other integrations

Connect another tool

Claude

MCP client

Cursor

AI code editor · MCP client

Any agent

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

Give Claude Code 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 ⟶