CodePic is a remote MCP server that gives an AI agent 7 tools, among them create_diagram, create_from_template, get_diagram. It answers at https://codepic.cc/api/mcp/mcp over streamable HTTP, and it listed its tools to an anonymous client, so no sign-in was needed for that. Our probes reached it 6 of 6 times since 11 September 2026; the last check, on 21 October 2026, succeeded.
AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images
Description as the publisher wrote it.
| Tool | What it does |
|---|---|
create_diagram | Create a custom CodePic hand-drawn style diagram by specifying nodes and edges. Requires API Key authentication. Returns a public view URL. **THIS IS THE DEFAULT TOOL FOR ANY USER-DESCRIBED DIAGRAM.** Whenever the user describes a diagram t |
create_from_template | Create a new CodePic diagram from a predefined template. Requires API Key authentication. Returns a public view URL and edit URL. **STRICT USAGE RULE — READ BEFORE CALLING:** Only call this tool when the user has **explicitly** asked to use Inputs: slug, name, locale |
get_diagram | Fetch the current state of an existing CodePic diagram. Returns a compact summary of all elements with their IDs, types, positions, and parent-child relationships. Use this before update_diagram when you need to: add nested children to exis Inputs: documentId |
get_shape_catalog | Return compact machine-readable shape metadata for planning a diagram: semantic tags, geometry family, container support, recommended padding, default size, and MCP availability. Use this before create_diagram when choosing shapes or contai Inputs: category, tag, containerMode |
get_shape_docs | Return the full CodePic shape reference — all element types, their fields, data payloads, and JSON examples. Call get_shape_catalog first for concise shape selection and container capabilities; use this tool when you need complete fields or |
list_templates | List all available CodePic diagram templates. Use this ONLY when the user has explicitly asked to browse, list, or pick from templates (e.g. "show me templates", "列出模板"). Do NOT call this as a preparatory step when the user just described a Inputs: category |
update_diagram | Update an existing CodePic diagram. You can rename it, replace all nodes/edges, or add/remove individual nodes and edges. Requires API Key authentication. When responding to the user, present the returned URL as a clickable markdown link (e |
Every block below points at https://codepic.cc/api/mcp/mcp. Pick your client and copy.
claude mcp add --transport http codepic https://codepic.cc/api/mcp/mcp
{
"mcpServers": {
"codepic": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://codepic.cc/api/mcp/mcp"]
}
}
}{
"mcpServers": {
"codepic": {
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"servers": {
"codepic": {
"type": "http",
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"context_servers": {
"codepic": {
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"mcpServers": {
"codepic": {
"serverUrl": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"mcpServers": {
"codepic": {
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}name: CodePic
version: 0.0.1
schema: v1
mcpServers:
- name: CodePic
type: streamable-http
url: https://codepic.cc/api/mcp/mcp{
"mcpServers": {
"codepic": {
"httpUrl": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"mcpServers": {
"codepic": {
"type": "http",
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}{
"mcpServers": {
"codepic": {
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}goose://extension?url=https%3A%2F%2Fcodepic.cc%2Fapi%2Fmcp%2Fmcp&type=streamable_http&id=codepic&name=CodePic
It answered our last check on 21 October 2026 in 281 ms. Over 6 checks since 11 September 2026 it answered 6. Status here comes from Neuronto's own probes, not from the publisher.
7, as returned by the server's own tools/list on 13 September 2026: create_diagram, create_from_template, get_diagram, get_shape_catalog, get_shape_docs, list_templates, update_diagram.
It answered our last check on 21 October 2026 in 281 ms. Over 6 checks since 11 September 2026 it answered 6.
Put the server under mcpServers in ~/.cursor/mcp.json with the URL https://codepic.cc/api/mcp/mcp. The exact JSON is above, with the same setup for Claude Code, Claude Desktop, VS Code, Windsurf, Zed, Gemini CLI and the rest.
It listed its tools to an anonymous client, so reading the tool list needs no key. Individual tools can still ask for credentials in their own inputs.
Publisher: io.github.abelce. Endpoint host: codepic.cc. ARD identifier: urn:air:io.github.abelce:mcp:codepic.
First indexed 10 September 2026. The tools are exactly what the server returned; nothing on this page
is inferred from its name. Ranking in Neuronto search is never for sale.