Annotates any web page with hover labels for AI assistants — zero extensions, any browser
Annotates any web page with hover labels for AI assistants — zero extensions, any browser. Exposed over MCP by the ui mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
The only tool that puts visible labels on every web element. Hover any element, see its name. Tell your AI assistant "make the sidebar wider" — it knows exactly which element you mean. No screenshots, no CSS selectors, no miscommunication.
Everything the assistant can do here goes through one of these:
Communication — "The div.flex.gap-4 inside the second child of..."Language — CSS/HTML technical termsSetup — Teach people to open DevTools + navigate the DOMOmniParser — Screenshot + CV detectionAgentation — npm embedded in your appManual — The Manual tool exposed by this serverInstallation goes through your MCP client rather than a global install: point it at @mcpware/ui-annotator on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
Among the browser automation options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Ui's toolset — Communication, Language, Setup and 3 more — is a fair guide to whether it matches your workflow. It is maintained by mcpware; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Ui's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| Communication | "The div.flex.gap-4 inside the second child of..." |
| Language | CSS/HTML technical terms |
| Setup | Teach people to open DevTools + navigate the DOM |
| OmniParser | Screenshot + CV detection |
| Agentation | npm embedded in your app |
| Manual | The Manual tool exposed by this server. |
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": ["-y", "@mcpware/ui-annotator"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
Industrial-strength web extraction — render, scrape, crawl and search entire sites into clean markdown.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.