agnt

Provides browser-powered AI coding agent capabilities with live debugging, wireframing, and real-time browser integration.

typescript

3

GitHub Stars

typescript

Language

5 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "standardbeagle-agnt": {
      "command": "agnt",
      "args": [
        "mcp"
      ],
      "env": {
        "GIN_MODE": "debug"
      }
    }
  }
}

agnt is an MCP server that bridges your AI coding agent with the browser, giving your agent real-time visibility, feedback channels, and interactive tools during vibe coding sessions. It enables your agent to see browser state, receive user feedback, sketch UI ideas, capture errors, and test across devices, all through a streamlined, low-latency workflow.

How to use

You use agnt by connecting it to an MCP client and running it as a local service or remote endpoint. Once connected, your AI agent gains browser visibility and a two-way channel for context, feedback, and instrumented interactions. Start a proxied session, toggle sketch mode when you need to annotate the UI, and let your agent inspect elements, log interactions, and review errors in real time.

How to install

Prerequisites: you need Node.js 18+ or Python 3.11+ depending on how you plan to run agnt.

Install options you can choose from:

Global npm install (recommended)

npm install -g @standardbeagle/agnt

Python with uvw or standard pip install

pip install agnt
# or
uv pip install agnt

From source (build locally)

git clone https://github.com/standardbeagle/agnt.git
cd agnt
make build && make install-local

Configure the MCP server to run agnt

Add agnt as an MCP server entry to your configuration so your MCP client can start and manage agnt.

{
  "mcpServers": {
    "agnt": {
      "command": "agnt",
      "args": ["mcp"]
    }
  }
}

Available tools

proxy

Reverse proxy management to connect the browser and agent for live debugging and data routing

proxylog

Query and fetch logs such as http, error, screenshot, and sketch messages from the proxy layer