Draw2agent
by zero-abdcommunityv1.3.4
3
1
draw2agent is an MCP server that allows users to draw annotations on their local development page, enabling an AI agent to receive visual context for code edits.
From the registry: Draw on your website, let your AI agent see it. Visual context for code generation via MCP.
Install & configure
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `draw2agent` MCP server into my current AI client (that's you).
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","draw2agent@latest"]
Note: Lets you draw annotations on your dev page and submit a screenshot + DOM + annotations to your IDE agent.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: Lets you draw annotations on your dev page and submit a screenshot + DOM + annotations to your IDE agent.
Tools (4)
launch_canvas
Proxies your localhost dev server and injects an Excalidraw overlay for drawing annotations.
launch_ipad_canvas
Creates a tunnel for remote drawing from iPad/mobile, displaying a QR code for access.
launch_scratch
Opens a standalone Excalidraw whiteboard for freehand sketching.
get_drawing_state
Returns the last captured drawing state including screenshot, DOM nodes, and annotations.
Demos
Packages
draw2agent
npmv1.3.4transport: stdio
Details
- Language
- TypeScript
- Released
- Mar 2, 2026
- Last commit
- May 17, 2026
- Registry name
- io.github.zero-abd/draw2agent
Related Servers
Claude Flow
AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev.
68.0k
Codebase Memory Mcp
Persistent codebase knowledge graph. Survives session restarts and context compaction.
39.2k
Serena
A powerful toolkit for coding, providing semantic retrieval and editing capabilities.
28.1k