Onui MCP Server

Browser extension for annotating UI elements for AI agents

Local serverstdio

What is the Onui MCP server?

Browser extension for annotating UI elements for AI agents. The onui mcp server wraps that behind the Model Context Protocol, so an assistant can use it through 1 defined tool rather than through you.

What it actually does

Lightweight browser extension (Chrome + Edge + Firefox) + local MCP bridge for annotation-first UI pair programming.

Its toolset

Everything the assistant can do here goes through one of these:

  • Demo — Click the preview above to play the full demo video.

Adding it to your client

Installation goes through your MCP client rather than a global install: point it at pnpm 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.

When to reach for it

Plenty of browser automation servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Onui's toolset — Demo — is a fair guide to whether it matches your workflow. It is maintained by onllm-dev; worth a glance at recent repository activity before you build anything load-bearing on it.

SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.

Caveats

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the onui mcp server does with a few real requests.

Available tools

ToolWhat it does
Demo<sub>Click the preview above to play the full demo video.</sub>

How to install the Onui MCP server

{
  "mcpServers": {
    "onui": {
      "command": "npx",
      "args": ["-y", "pnpm"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Onui to Demo.

Frequently asked questions

It connects Onui to MCP-compatible AI assistants such as Claude and Cursor, exposing 1 tool (Demo) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Onui directly.