The CodePic MCP server,
connected in one click.
AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images. Connect the official CodePic MCP server to Claude, ChatGPT, or Cursor through gate — one gateway URL, no config files, security-checked.
Free to start · No credit card · No hosting needed
Add CodePic to your AI in one minute
Pick your client. Copy, paste, done — or let gate handle sign-ins and policies for you.
claude mcp add --transport http codepic https://codepic.cc/api/mcp/mcpRun in your terminal, then restart Claude Code.
CodePic · https://codepic.cc/api/mcp/mcp
What your AI can do with CodePic
Real prompts you can type the moment it's connected — no setup, no docs to read.
“Use “get_shape_docs”: Return the full CodePic shape reference — all element types, their fields, data payloads, and JSON examples. Call get_shape_catalog first fo.”
“Use “get_shape_catalog”: Return compact machine-readable shape metadata for planning a diagram: semantic tags, geometry family, container support, recommended paddin.”
“Use “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.”
“Use “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.”
How secure is the CodePic MCP server?
Every server in the gate directory has to pass the same four checks before your AI can touch it. Here's how CodePic holds up.
Official endpoint
Operated by CodePic (codepic.cc) at its documented MCP endpoint — not a third-party mirror or community re-host.
No sign-in needed
This server only exposes public data — no account and no credentials are involved when you connect.
Scanned before it goes live
gate checks every tool for prompt injection, hidden instructions, data-exfiltration hints, and over-broad permissions before the server is available through your gateway.
Watched for drift
If CodePic adds or changes tools later, gate re-scans and alerts you — before your AI acts on the change.
Connected in three steps
Connect your gate
Add one gateway URL to Claude, ChatGPT, or any MCP client. One-time setup, about two minutes.
Pick CodePic
Choose CodePic in the gate directory. No sign-in needed.
Use it anywhere
CodePic's tools are live in every AI client you've connected — with rules and logging built in.
Free to start · No credit card · No hosting needed
The actual tools CodePic exposes
Fetched live from the official endpoint and re-checked daily by gate — not marketing copy.
get_shape_docs — Return the full CodePic shape reference — all element types, their fields, data payloads, and JSON examples. Call get_shape_catalog first fo
get_shape_catalog — Return compact machine-readable shape metadata for planning a diagram: semantic tags, geometry family, container support, recommended paddin
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.
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
create_diagram — Create a custom CodePic hand-drawn style diagram by specifying nodes and edges. Requires API Key authentication. Returns a public view URL.
get_diagram — Fetch the current state of an existing CodePic diagram. Returns a compact summary of all elements with their IDs, types, positions, and pare
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 a
Who runs the CodePic MCP server?
The CodePic MCP server at a glance
https://codepic.cc/api/mcp/mcpQuestions, answered
Is there an official CodePic MCP server?
Yes — CodePic operates its own remote MCP server at codepic.cc. gate connects you to that official endpoint and adds security scanning, per-tool access rules, and an activity log on top.
How do I connect CodePic to Claude or ChatGPT?
Add gate's gateway URL to your AI client once, then pick CodePic in the directory. No account or sign-in is needed. From then on, CodePic's tools are available in every client you've connected to gate.
Do I need to host anything?
No. CodePic runs the server, and gate is fully managed. You just connect one URL — there's nothing to install, deploy, or maintain.
Is the CodePic MCP server safe to connect?
It's the vendor's official endpoint, and gate scans its tools for prompt injection and hidden instructions before it goes live, re-checks it whenever it changes, and lets you allow, block, or require approval for every single tool.
Is it free?
Yes — you can get started with gate for free and connect CodePic in minutes. No credit card required.
Connect more than just CodePic
Every server below works through the same gateway URL — connect once, add tools anytime.
Squarespace DomainsDesignView →Set up CodePic in: Claude · Claude Code · ChatGPT · Cursor · VS Code