CodePic MCP lets your AI agent (Cursor, Claude Desktop) create editable hand-drawn diagrams directly in CodePic — instead of static images or Mermaid text you paste manually. It returns a link that opens in the editor, where you can move shapes, edit labels, share a read-only link, and export PNG/JSON.
Remote Streamable HTTP server, no local install. Tools: list_templates, create_from_template, create_diagram, get_diagram, update_diagram. Get a free API key at https://codepic.cc/settings/api-keys
Server Config
{
"mcpServers": {
"codepic": {
"url": "https://codepic.cc/api/mcp/mcp",
"headers": {
"Authorization": "Bearer cpk_your_api_key_here"
}
}
}
}