CodePic for Claude.ai

io.github.abelce/codepic

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

client:Claude.ai transport:streamable-http tools:7

Install CodePic in Claude.ai

Settings → Connectors → Add custom connector

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

Claude on the web takes a remote URL and completes OAuth in the browser. For a packaged server use Claude Desktop or Claude Code instead. Claude.ai docs

What Claude.ai can do once it is connected

get_shape_docs
get_shape_catalog
list_templates
create_from_template
create_diagram
get_diagram
update_diagram

CodePic in other clients

Claude Code
Claude Desktop
Cursor
VS Code
Zed
Windsurf
Cline
Gemini CLI
Grok
ChatGPT
LangChain

CodePic MCP server