Open Source · MIT License · 30 MCP Tools

Give Claude Code
a real browser.

Glance is an MCP server that gives your AI agent eyes. Navigate, click, screenshot, and test — Claude literally sees your app.

Get Started Star on GitHub

Try it right now

One command to start

Works with Claude Code, Cursor, Windsurf, Claude Desktop, and any MCP-compatible client.

terminal

# Add Glance to Claude Code

claude mcp add glance -- npx glance-mcp

# With headed mode (watch the browser in real-time)

claude mcp add glance \

-e BROWSER_HEADLESS=false \

-- npx glance-mcp

# Then just ask Claude:

$ "Open localhost:3000 and test the login flow"

Claude Code Extensions

E2E Browser Tester Agent

# Install agent for Claude Code

curl -o ~/.claude/agents/glance-e2e-tester.md \

https://raw.githubusercontent.com/DebugBase/glance/main/agents/e2e-browser-tester.md

/glance-test Skill

# Install skill for Claude Code

mkdir -p ~/.claude/skills/glance-test

curl -o ~/.claude/skills/glance-test/SKILL.md \

https://raw.githubusercontent.com/DebugBase/glance/main/skills/glance-test/SKILL.md

30

MCP Tools

12

Assertion Types

300+

Test Steps Run

97%

Pass Rate

How it works

Claude sees what the browser sees

Screenshots returned inline. Accessibility snapshots as structured text. Claude doesn't guess — it looks.

Claude Code

AI Agent

tool calls
screenshots + data
Glance

Glance

MCP Server

Playwright API
DOM + pixels

Browser

Chromium

stdio CDP

Inline Screenshots

Screenshots returned as base64 images directly in Claude's response. Claude sees the actual rendered pixels.

Accessibility Snapshots

Full page structure as a text tree. Every link, button, input, heading — with labels, roles, and states.

Security Profiles

URL allowlist/denylist, rate limiting, JS execution policies. Three profiles: local-dev, restricted, open.

Test Scenario Runner

Define multi-step tests in JSON or plain English. 12 assertion types, form filling, auth flow testing.

Visual Regression

Pixel-level screenshot comparison. Save baselines, detect changes. Powered by pixelmatch.

Network & Console

Monitor all HTTP requests and console messages. Catch failed API calls, CSP errors, JS exceptions.

30 MCP Tools

Complete browser control

Browser Control

19 tools
navigate click type hover drag select press_key scroll screenshot snapshot evaluate console network go_back go_forward tab_new tab_list tab_select close

Test Automation

7 tools
scenario_run scenario_status assert fill_form auth_flow watch_events stop_watch

Session & Visual

4 tools
session_start session_end session_list visual_baseline visual_compare

Assertion Types

12 types
exists notExists textContains textEquals hasAttribute hasClass isVisible isEnabled urlContains urlEquals countEquals consoleNoErrors

Configuration

Environment Variables

VariableDefaultDescription
BROWSER_HEADLESStrueShow browser window
BROWSER_SECURITY_PROFILElocal-devlocal-dev / restricted / open
BROWSER_VIEWPORT_WIDTH1280Viewport width (px)
BROWSER_VIEWPORT_HEIGHT720Viewport height (px)
BROWSER_TIMEOUT30000Default timeout (ms)

Built by DebugBase

Open-source, MIT licensed, community-driven.

Links

GitHub Repository npm Package Discord Community DebugBase [email protected]

Support the project

Glance is free and open source. If it saves you time, consider supporting development.

Buy us a coffee Star on GitHub