INDIVIDUAL MCP TOOL

create_diagram

Create a custom CodePic hand-drawn style diagram by specifying nodes and edges.

codepic.ccnone authenticationAvailability not checked

LIVE ENDPOINT

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

No auth detected

Connect to this endpoint to inspect the live schema for create_diagram and invoke it with your own arguments.

{}

Potential side effects detected · medium confidence · heuristic, not a guarantee.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.mcp-typescript-server-on-vercel]
url = "https://codepic.cc/api/mcp/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "mcp-typescript-server-on-vercel": {
      "type": "http",
      "url": "https://codepic.cc/api/mcp/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: mcp-typescript-server-on-vercel
Remote MCP URL: https://codepic.cc/api/mcp/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-typescript-server-on-vercel": {
      "url": "https://codepic.cc/api/mcp/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "mcp-typescript-server-on-vercel": {
      "type": "http",
      "url": "https://codepic.cc/api/mcp/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "mcp-typescript-server-on-vercel",
  "transport": "streamable-http",
  "url": "https://codepic.cc/api/mcp/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

get_shape_docs — Return the full CodePic shape reference — all element types, their fields, data payloads, and JSON examples.
list_templates — List all available CodePic diagram templates.
create_from_template — Create a new CodePic diagram from a predefined template.
get_diagram — Fetch the current state of an existing CodePic diagram.
update_diagram — Update an existing CodePic diagram.