CodePic MCP 服务

让 AI 为你创建和编辑手绘风格图表。通过 MCP 连接你喜欢的 AI 工具 — 无需复制粘贴，无需手动导入。

Step 1

1. 获取 API 密钥

前往 API 密钥管理

Step 2

2. 配置你的 AI 客户端

在 AI 客户端设置中添加 CodePic 作为 MCP 服务器。

Step 3

3. 开始创建

让你的 AI 创建图表 — 它会自动调用 CodePic。

MCP 端点

https://codepic.cc/api/mcp/mcp

Cursor 配置

{
  "mcpServers": {
    "codepic": {
      "url": "https://codepic.cc/api/mcp/mcp",
      "headers": {
        "Authorization": "Bearer cpk_your_api_key_here"
      }
    }
  }
}

将 cpk_your_api_key_here 替换为你的实际 API 密钥

Claude Desktop 配置

{
  "mcpServers": {
    "codepic": {
      "type": "streamableHttp",
      "url": "https://codepic.cc/api/mcp/mcp",
      "headers": {
        "Authorization": "Bearer cpk_your_api_key_here"
      }
    }
  }
}

将 cpk_your_api_key_here 替换为你的实际 API 密钥

可用工具

list_templates

列出所有可用的图表模板

create_from_template

从模板创建图表

create_diagram

通过指定节点和连线创建自定义图表

update_diagram

更新已有的图表

示例提示词

"画一个登录流程：输入凭证 → 验证 → 成功或失败"

"创建一个电商数据库的 ER 图"

"用系统设计模板创建一个微服务架构图"

"在我上一个图中添加一个支付服务节点"

完整使用指南