Visual Intent Layer MCP server

Visual Intent Layer

Point at a browser-rendered interface, describe what should change, and let an agent work from that precise visual context. Visual Intent Layer is a local MCP server and Review Surface for saved HTML documents and local web apps.

About

hello world! this project is a testbed for me to experience new/random/trending stuff! fyi on what i was testing:

• pstack's verification skills
• matt's skills
• ds v4.1 flash via openrouter in pi
• ...

Key features

• Direct pointing. Point, drag, or box visible targets instead of describing their location in prose.
• Annotations with context. Group targets into one Annotation and attach reference images when useful.
• Delivery state you can read. Keep unsent and delivered Annotations together with their revision and resolution state.
• Human judgement. Review the result in a browser and decide each Annotation by hand.
• Local by default. Keep review data on the local machine.

Mobile builds, native windows, design files, and PDFs are outside the supported surface.

Requirements

• Node.js 20 or newer
• A browser on the machine running the server
• An MCP-capable agent, if you want an agent to use the Review Surface

No hosted account or Rust toolchain is required.

Quickstart

Register the local stdio server with your agent, then restart the agent:

{
  "mcpServers": {
    "visual-intent-layer": {
      "command": "npx",
      "args": ["-y", "--package", "visual-intent-layer@latest", "visual-intent-mcp"]
    }
  }
}

The server must run on the machine where you look at the screen. It launches a browser there and binds a loopback port. A server in a container, on a remote host, or inside a cloud agent cannot display that machine's Review Surface.

Registry-aware clients can also find the server as io.github.willa-code/visual-intent-layer in the official MCP Registry, which lists where to get it rather than hosting it.

Claude Code

claude mcp add visual-intent-layer -- npx -y --package visual-intent-layer@latest visual-intent-mcp

Codex

codex mcp add visual-intent-layer -- npx -y --package visual-intent-layer@latest visual-intent-mcp

opencode

Run opencode mcp add visual-intent-layer, then provide npx and the package arguments when prompted:

-y --package visual-intent-layer@latest visual-intent-mcp

pi

pi does not ship an MCP client. With pi-mcp-adapter installed, add this to the project's .mcp.json (merge it into an existing mcpServers object):

{
  "mcpServers": {
    "visual-intent-layer": {
      "command": "npx",
      "args": ["-y", "--package", "visual-intent-layer@latest", "visual-intent-mcp"]
    }
  }
}

The same entry can be placed in .pi/mcp.json for a project-only Pi override, or ~/.config/mcp/mcp.json for all projects. The adapter's /mcp setup panel can also create the entry.

Other MCP clients

Use the JSON configuration above, or launch a local stdio server with command npx and arguments -y --package visual-intent-layer@latest visual-intent-mcp.

Start a review without an agent

The package also provides a local CLI:

npx -y --package visual-intent-layer@latest visual-intent open --html ./checkout.html
npx -y --package visual-intent-layer@latest visual-intent open --app http://localhost:5173

Each command opens the default browser and prints the review URL. Add --no-open for headless or scripted use. To run only the local service:

npx -y --package visual-intent-layer@latest visual-intent serve --port 3742

The visual-intent command is also available after npm install -g visual-intent-layer.

Shortened. The full README is on GitHub.