Sketch Canvas

What it does

Sketch Canvas is an MCP App that embeds an interactive drawing canvas inside Claude. When words aren't enough, tell Claude you want to sketch something and a full-featured canvas appears. Draw freehand, add shapes, arrows, and text labels — every action auto-syncs the canvas as a PNG into Claude's context so the AI sees your drawing alongside your next message.

Key features

• Freehand drawing — smooth strokes with adjustable width and any color
• Shape tools — rectangle, circle/ellipse, and arrow with arrowheads
• Text labels — click-to-place text annotations anywhere on the canvas
• Eraser + Undo — undo via Ctrl+Z or toolbar; erase individual elements
• Auto-sync — 800ms debounce after each action exports a 2x resolution PNG and attaches it to your next message automatically
• Hosted or self-deployed — use the live Cloudflare Workers endpoint or deploy your own in minutes

Installation

Claude.ai (Web): Add the remote server URL in Settings → Connectors → Add custom connector:

https://sketch-canvas-mcp.maganuriyev.workers.dev/mcp

Claude Desktop (claude_desktop_config.json):

{
  "mcpServers": {
    "sketch-canvas": {
      "url": "https://sketch-canvas-mcp.maganuriyev.workers.dev/mcp"
    }
  }
}

Run locally:

npm install && npm run dev
# Server at http://localhost:3001/mcp

Supported hosts

Claude (web and Desktop) — confirmed in README. HTTP transport supports any MCP client with remote server capability.