Browser Lens
Verified IntegrationClient Configuration
— Connect Browser Lens to Claude Desktop or Cursor in seconds{
"mcpServers": {
"browser-lens": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-browser-lens"
],
"env": {}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).System Overview
Enables your IDE's AI agent to deeply understand and interact with any live web page's UI elements, styles, and layout in real-time.
7/22/2026
Open Source
stdio / SSE RPC
Frequently Asked Questions
Architecture and operational details for Browser Lens
Browser Lens enables your IDE's AI agent to deeply understand and interact with any live web page. It uses a bookmarklet or Chrome extension to capture DOM, CSS, layout, and screenshots, streaming this data via WebSocket to an MCP server, which exposes tools and prompts for your AI agent to query and act upon.
Related MCP Servers
Browse all servers →Provides comprehensive historical and real-time crypto market data, including orderbooks, trades, candles, and more, from Hyperliquid, HIP-3, and Lighter.xyz.
Facilitates gasless blockchain transactions and interactions directly from Claude AI conversations.
Bridges Claude AI with blockchain networks, enabling gasless transactions, swaps, and transfers directly from natural language conversations.