MCP server

CodePic

io.github.abelce/codepic

Checked 25 Oct 2026, 20:29 UTC · It answered and asked for a sign-in

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

Needs a sign-in or key

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

At a glance

Type: MCP server
Publisher: Not verified
Status: Needs a sign-in or key
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
Last checked: 25 Oct 2026, 20:29 UTC

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http codepic https://codepic.cc/api/mcp/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.codepic]
url = "https://codepic.cc/api/mcp/mcp"

Gemini CLI

{"mcpServers":{"codepic":{"httpUrl":"https://codepic.cc/api/mcp/mcp"}}}

Cursor

{"mcpServers":{"codepic":{"url":"https://codepic.cc/api/mcp/mcp"}}}

VS Code

{"servers":{"codepic":{"type":"http","url":"https://codepic.cc/api/mcp/mcp"}}}

Antigravity

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

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"codepic","server_url":"https://codepic.cc/api/mcp/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"codepic","server_url":"https://codepic.cc/api/mcp/mcp"}

Needs a sign-in or an API key from its maker.

draw.io
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Xenition
Docs, decks, forms, apps you build and deploy, automations, and AI images, video and voice.
ZeroWidth Napkin
Draw boards, write docs and sheets, and build decks with your brand in Napkin.
GitDiagram
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Mike Reams: architecture writing, diagrams and toolbox
Read-only search of mikereams.com: CSDM diagrams, posts and the Architect's Toolbox
Databricks Field Guide by TechFabric
TechFabric's Field Guide: search, code review, concepts, quizzes, flashcards, diagrams, cost, exams.
Trident
Create and edit collaborative architecture diagrams with any AI assistant using the Trident 2D DSL.
ExcaliClaw
Create, edit and organize hand-drawn diagrams (flowcharts, ER, architecture) from any AI agent.

[![AptLynx](https://aptlynx.net/badge/io.github.abelce/codepic.svg)](https://aptlynx.net/servers/io.github.abelce/codepic)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents