Annotate directly on a web page to provide visual context for AI agent-driven code edits.
Sponsored
Draw2Agent is an MCP server that empowers developers to make real-time, precise code edits by combining visual annotations with AI agents. It allows users to draw circles, arrows, and text directly on a proxied local development web page. Upon submission, the AI agent receives a screenshot, structured DOM data, and the annotation context, enabling it to understand visual cues and apply targeted code changes, bridging the gap between design intent and implementation.
Key Features
01Provides AI agent with screenshot, DOM data, and annotation context
02Offers distinct draw and select modes for interaction
03Draw annotations directly on your local development web page
04Exposes `launch_canvas` and `get_drawing_state` MCP tools
05Works by overlaying Excalidraw on your proxied dev page
061 GitHub stars
Use Cases
01Provide precise instructions to an AI agent for styling adjustments
02Collaborate on design changes by visually marking areas for code modifications
03Visually fix UI elements like a navigation bar with agent assistance
