Draw2agent MCP Server

Draw on your website. Your AI agent sees it. draw2agent is an MCP server that lets you draw annotations directly on top of your local dev page. When you submit, your IDE agent receives a screenshot, structured DOM data, and annotation context to make precise code edits. Its 4 documented tools cover launch, canvas.

People connecting coding agent tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-05-17 · ★ 3 · #153 OF 194 MAINTAINED CODING AGENT · VERIFIED 2026-08-25

TypeScript servers · how we verify → /methodology

01 · Install Draw2agent

before you install - you'll need

The README does not document required environment variables for a basic install.

Claude Code

claude mcp add zero-abd-draw2agent -- npx -y draw2agent

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "zero-abd-draw2agent": {
      "command": "npx",
      "args": [
        "-y",
        "draw2agent"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license no standard license detected - usage rights unclear; check the repo before commercial use

npm package draw2agent - unscoped; check the name against the project README before installing

registry namespace io.github.zero-abd is GitHub-verified and matches the repo owner

03 · What Draw2agent can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

What you can build

With this server connected, an agent can open your dev page with the drawing overlay, open a standalone Excalidraw whiteboard for freehand sketching, and read screenshot, DOM nodes, and annotations for the current state.

Capability map

Tools grouped from the project's README - what Draw2agent lets an agent do.

Launch

3 tools - e.g. Opens your dev page with the drawing overlay; Serves the page on your LAN and returns a QR code for drawing from iPad/mobile; Opens a standalone Excalidraw whiteboard for freehand sketching

launch_canvas · launch_ipad_canvas · launch_scratch

read & search

1 tool - e.g. Returns screenshot, DOM nodes, and annotations for the current state

get_drawing_state

Latest releases

v1.3.4 · 2026-03-02

04 · Who maintains Draw2agent

draw2agent is maintained by zero-abd. We track 2 MCP servers from zero-abd - 2 actively maintained, 9 combined GitHub stars, oldest repo from Feb 2026. Full record: all servers from zero-abd.

llmmcp MCP server for real-time LLM API documentation - stop hallucinations ★ 6

05 · Facts

repository: github.com/zero-abd/draw2agent
category: coding agent - ranked #153 of 194 actively-maintained coding agent servers as of 2026-08-25.
registry: io.github.zero-abd/draw2agent (active, first published 2026-03-02)
packages: npm:draw2agent

06 · Draw2agent FAQ

Is Draw2agent still maintained?

Yes - as of 2026-08-25, its last commit was 2026-05-17. We re-verify nightly.

What can Draw2agent do?

How do I install Draw2agent?

Run `npx -y draw2agent`. The README does not document required environment variables for a basic install. You can also paste the ready-made client config above.

Does Draw2agent run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Draw2agent

Alternatives to Draw2agent

Maintained coding agent servers if Draw2agent isn't the fit.

Pairs well with

Servers that cover what Draw2agent doesn't - only shown when the pairing reason fits the companion.

More coding agent MCP servers · Seamless · A2 CR · Agentic Design System · Spiderbrain · Dekko

More TypeScript MCP servers · Llmmcp · Zeta Chain CLI · Tweetsave MCP · iFlow Search · D365fo Connector · see all