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. 01Run the claude mcp add command (below) — no token argument needed.
  2. 02Run `claude mcp login clearly` and approve in the browser.
  3. 03The clearly_* tools 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
claude mcp login clearly
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. 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

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