Glance

AI-powered browser automation for Claude Code
by DebugBase

Navigate, click, screenshot, test — all from your terminal.

---

What is Glance?

Glance is an MCP server that gives Claude Code a real browser. Instead of guessing what your web app looks like, Claude can actually see it, interact with it, and test it.

You: "Test the login flow on localhost:3000"

Claude: *opens browser* *navigates* *fills form* *clicks submit*
        *takes screenshot* *verifies redirect* *checks for errors*
        "Login flow works. Found 1 console warning about..."

Features

• 30 MCP tools for complete browser control
• Inline screenshots — Claude sees what the browser sees
• Accessibility snapshots — full page structure as text
• Test scenario runner — define multi-step tests in JSON
• 12 assertion types — exists, textContains, urlEquals, and more
• Session recording — record and replay browser sessions
• Visual regression — pixel-level screenshot comparison
• Network & console monitoring — catch errors and failed requests
• Security controls — URL allowlist/denylist, rate limiting, JS execution policies
• Headed mode — watch the browser in real-time

Quick Start

1. Install

npm install -g glance-mcp

Or add directly to Claude Code:

claude mcp add glance -- npx glance-mcp

2. Configure

Add to your .mcp.json:

{
  "mcpServers": {
    "glance": {
      "command": "npx",
      "args": ["glance-mcp"],
      "env": {
        "BROWSER_HEADLESS": "false"
      }
    }
  }
}

3. Use

Just ask Claude to interact with your web app:

"Open localhost:3000 and take a screenshot"
"Test the signup flow with invalid email"
"Check if the pricing page has all three tiers"
"Run a visual regression test on the dashboard"

Tools Reference

Browser Control (19 tools)

Tool	Description
browser_navigate	Navigate to a URL
browser_click	Click an element (CSS selector or text)
browser_type	Type into an input field
browser_hover	Hover over an element
browser_drag	Drag and drop between elements
browser_select_option	Select from a dropdown
browser_press_key	Press a keyboard key
browser_scroll	Scroll the page or to an element
browser_screenshot	Capture a screenshot (returned inline to Claude)
browser_snapshot	Get the accessibility tree as text
browser_evaluate	Execute JavaScript in the page
browser_console_messages	Read console logs and errors
browser_network_requests	Monitor network activity
browser_go_back	Navigate back
browser_go_forward	Navigate forward
browser_tab_new	Open a new tab
browser_tab_list	List all open tabs
browser_tab_select	Switch to a tab
browser_close	Close the browser

Test Automation (7 tools)

Tool	Description
test_scenario_run	Run a multi-step test scenario
test_scenario_status	Check running

... View full README on GitHub