{"slug": "web-draw-drive-the-live-browser-as-compact-text-without-screenshots", "title": "Web Draw: Drive the live browser as compact text, without screenshots", "summary": "Olib AI released Web Draw, a free Chrome extension paired with a local MCP server that lets AI agents read and control the browser as structured text instead of screenshots. The tool converts the visible DOM into text with stable handles for each element, reducing token usage and latency, and exposes five tools for agent interaction.", "body_md": "Most tools that let AI agents browse the web work by taking screenshots of the page. That approach burns thousands of tokens per action, runs slowly, and leaves the model guessing pixel coordinates to click.\n\nWe built Web Draw to solve this. It is a free Chrome extension paired with a local MCP server that lets any LLM agent read and drive the tab you already have open, as compact text instead of pixels.\n\nWeb Draw reads the visible DOM and turns it into structured text with a stable handle on every button, link, and input:\n\n```\n[search]\ne4 searchbox \"Search Amazon\" =\"usb c hub\"\n[form]\ne29 combobox \"Sort by:\" =\"Featured\"\ne49 button \"Add to cart\"\noff-screen: 37 controls below, next \"Popular Shopping Ideas\"\n```\n\nThe agent acts directly on a handle (like clicking e49 or typing into e4) instead of guessing coordinates.\n\nWeb Draw exposes five tools to your agent:\n\nInstall the extension from the Chrome Web Store:\n\n[https://chromewebstore.google.com/detail/web-draw-by-olib-ai/goknikkadndlonalcpjmnfpnljdehaim?authuser=0&hl=en](https://chromewebstore.google.com/detail/web-draw-by-olib-ai/goknikkadndlonalcpjmnfpnljdehaim?authuser=0&hl=en)\n\nAdd Web Draw to your MCP client (Claude Desktop, Claude Code, Cursor, or any agent supporting MCP):\n\n```\n\"web-draw\": {\n  \"command\": \"npx\",\n  \"args\": [\"-y\", \"@olib-ai/web-draw-mcp\"]\n}\n```\n\nOnce running, the extension toolbar badge switches to ON, and your agent can read and drive the active tab.", "url": "https://wpnews.pro/news/web-draw-drive-the-live-browser-as-compact-text-without-screenshots", "canonical_source": "https://dev.to/olib_ai/web-draw-drive-the-live-browser-as-compact-text-without-screenshots-ho", "published_at": "2026-09-02 22:38:05+00:00", "updated_at": "2026-09-02 23:23:40.444352+00:00", "lang": "en", "topics": ["ai-tools", "ai-agents", "developer-tools"], "entities": ["Olib AI", "Web Draw", "Chrome", "MCP", "Claude Desktop", "Claude Code", "Cursor"], "alternates": {"html": "https://wpnews.pro/news/web-draw-drive-the-live-browser-as-compact-text-without-screenshots", "markdown": "https://wpnews.pro/news/web-draw-drive-the-live-browser-as-compact-text-without-screenshots.md", "text": "https://wpnews.pro/news/web-draw-drive-the-live-browser-as-compact-text-without-screenshots.txt", "jsonld": "https://wpnews.pro/news/web-draw-drive-the-live-browser-as-compact-text-without-screenshots.jsonld"}}