AI Live Terminal Bridge - Browser Monitor

About

Give your AI coding assistant complete visibility into your development environment, terminal and browser.

Most AI coding tools are blind to your runtime environment. They write code, but they can't see if your local server crashed in the terminal or if your frontend is throwing 401 errors in the console. You are forced to copy-paste logs back and forth.

AI Live Log Bridge solves this by feeding both log streams directly to your AI (Claude Desktop, Cursor, Windsurf, etc.) via MCP.

1. It Sees Your Terminal (Backend)
Command Output: Automatically captures output from commands like npm run dev, python manage.py, or docker-compose.

Crash Detection: If your server crashes or a test fails, the AI sees the stack trace immediately.

Secret Redaction: Automatically hides API keys and secrets (e.g., sk-...) before the AI reads the logs.

2. It Sees Your Browser (Frontend)
Console Sync: Feeds console.log, console.error, and exceptions directly to the AI context.

Network Monitoring: AI can inspect failed fetch/XHR requests, 404s, and 500 errors in real-time.

Debug Faster: The AI can correlate a backend error in your terminal with the resulting frontend error in your browser instantly.

How It Works
This extension works in tandem with the ai-live-log-bridge CLI tool.

Terminal: Wraps your commands (e.g., ai npm run dev) to capture backend logs.

Browser: This extension captures frontend activity.

Bridge: Both streams are unified, allowing your AI to debug full-stack issues without you lifting a finger.

Note: This extension requires the companion NPM package: npm install -g ai-live-log-bridge
Github: https://github.com/Ami3466/ai-live-log-bridge