CodePic
by codepic.cc in Other
AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images
https://codepic.cc/api/mcp/mcp
Last 30 days
Status and outage history · Atom feed
- Uptime
- 100%
- Response time
- 418 ms typical, 558 ms slowest 5%
- Last check
- 10 h ago
- Next check
- any minute now
How to call it
Add it to any MCP client that supports remote servers.
{
"mcpServers": {
"codepic": {
"type": "http",
"url": "https://codepic.cc/api/mcp/mcp"
}
}
}7 tools
- 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 type-specific data (e.g. select options
- 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 containers. Unlike get_shape_docs, this tool i
- 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 diagram they want — in that case go str
- 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 a template. Explicit signals include p
- 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 they want ("draw an A/B test flowchart",
- 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 existing containers, make targeted edits to
- 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.g. `[Open in CodePic →](URL)`) so the
Security scan
- No findings. We scan names, descriptions and tool definitions for hidden instructions and other prompt-injection patterns.
Recent checks
| When | Result | HTTP | Time |
|---|---|---|---|
| 10 h ago | Passed | 200 | 324 ms |
| 20 h ago | Passed | 200 | 323 ms |
| 29 h ago | Passed | 200 | 1.0 s |
| 38 h ago | Passed | 200 | 516 ms |
| 2 days ago | Passed | 200 | 558 ms |
| 2 days ago | Passed | 200 | 339 ms |
| 3 days ago | Passed | 200 | 433 ms |
| 3 days ago | Passed | 200 | 418 ms |