Connect Clearly to Claude.
Connect Clearly to Claude as an MCP server: add Clearly’s hosted endpoint to your MCP config with an API token, and Claude gains tools to generate editable SVG and raster art right in the conversation — headless, no browser, billed to your Clearly plan.
How do you connect Clearly to Claude?
Connect Clearly to Claude as an MCP server: add Clearly’s hosted endpoint to your MCP config with an API token, and Claude gains tools to generate editable SVG and raster art right in the conversation — headless, no browser, billed to your Clearly plan.
Add Clearly to Claude
Under a minute — nothing to deploy; the server is hosted.
- 01Mint an MCP token in Clearly (Settings → Developers, scope rpc:write).
- 02Add the Clearly server to Claude Desktop’s mcp.json with that token.
- 03Restart Claude — clearly_generate_svg and clearly_generate_image appear in its tools.
- 04Ask Claude to make an icon, logo, or illustration; it returns editable SVG.
{
"mcpServers": {
"clearly": {
"url": "https://relay.clearly.sh/mcp",
"headers": { "Authorization": "Bearer ck_mcp_..." }
}
}
}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
Clearly + Claude, answered
01How do you connect Clearly to Claude?+
02Is the Clearly Claude integration free?+
03Does Claude get editable SVG or a flat image?+
Connect another tool
Give Claude a design tool
Mint a token, connect the hosted server, and start generating editable art right where you work.