lespaceman/agent-web-interface

Overview

This is a TypeScript MCP server that lets AI agents control a browser by taking token-efficient semantic page snapshots and using stable element IDs. It reduces token usage compared to full DOM or screenshot methods while enabling automation like clicking, filling forms, and reading content.

Best for

Best for
Developers building AI agents that need low-cost, reliable browser automation

Use cases

• Automate web scraping with AI agents without high token costs
• Let LLMs fill out forms or click buttons on dynamic web pages
• Integrate browser control into AI assistant workflows

How to use

Install

npx agent-web-interface install

Tools exposed

• AWI_BROWSER_MODE
• AWI_HEADLESS
• AWI_CDP_URL
• AWI_TRIM_REGIONS
• HTTP_HOST
• HTTP_PORT
• LOG_LEVEL
• CEF_BRIDGE_HOST
• CEF_BRIDGE_PORT
• BRING_TO_FRONT
• CHROME_PATH

Tested with

Claude Desktop, Claude Code, Cursor, VS Code

Notes

This is a TypeScript MCP server that lets AI agents control a browser by taking token-efficient semantic page snapshots and using stable element IDs. It reduces token usage compared to full DOM or screenshot methods while enabling automation like clicking, filling forms, and reading content.

13 stars on GitHub. Last updated 2026-07-11. Licensed MIT.

Use cases

• Automate web scraping with AI agents without high token costs
• Let LLMs fill out forms or click buttons on dynamic web pages
• Integrate browser control into AI assistant workflows

Pros

• Token-efficient design reduces costs for large-scale automation
• Stable element IDs make interactions reliable across page changes
• Clear, focused MCP implementation for easy integration

Cons

• Very new project with only 13 stars, limited community and testing
• Requires agents to support MCP protocol, restricting use to compatible tools
• No built-in handling for complex pages with heavy JavaScript or iframes

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.