How do I install the onui mcp server?

Use a recorded configuration for your client, replace example credential values and paths, and verify the documented runtime. Restart or reconnect the client, then inspect the available tools.

SSyncDev

Start a project

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

What it actually does

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

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

How to install the Onui MCP Server

{
  "mcpServers": {
    "onui-local": {
      "command": "node",
      "args": [
        "/ABSOLUTE/PATH/TO/onUI/packages/mcp-server/dist/bin/onui-cli.js",
        "mcp"
      ]
    }
  }
}

From the project documentation. Replace placeholders and example paths before connecting.

Example prompts to try

“Use Onui to Demo.”

Frequently asked questions

Browser extension for annotating UI elements for AI agents Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.