instructa/browser-echo

What it solves

Browser Echo allows developers and AI coding assistants to view client-side browser logs (like console.log) directly in the server terminal or via an MCP server, eliminating the need to constantly switch between the code editor and the browser's developer tools during development.

How it works

It uses a client-side patch that wraps standard console.* methods to capture logs. These logs are then forwarded from the browser to the development server and streamed to the terminal. It provides specific integration packages for various frameworks (such as Next.js, Nuxt, React, and Vue) to handle the routing and forwarding of these logs.

Who it’s for

Web developers using AI coding assistants (like Cursor, Claude Code, or GitHub Copilot CLI) who want their AI agents to have visibility into runtime browser errors and logs to debug more effectively.

Highlights

• AI Assistant Integration: Supports MCP (Model Context Protocol) to provide logs to AI agents without polluting the context window.
• Broad Framework Support: Works with Vite-based frameworks, Next.js, Nuxt, and others.
• Developer Experience: Includes colorized terminal output, source hints (file:line:col), and stack traces.
• Zero Production Impact: The client patch and HTTP endpoints are only injected during development and are not included in production bundles.