CodePic for VS Code

io.github.abelce/codepic

AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images

client:VS Code transport:streamable-http tools:7

Install CodePic in VS Code

.vscode/mcp.json

{
  "servers": {
    "codepic": {
      "type": "http",
      "url": "https://codepic.cc/api/mcp/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs