skills.rest
lawless-m
lawless-mCOMMUNITY
Explore all skills by this author →
GitHub

BrowserBridge

Execute JavaScript and inspect DOM elements via a real-time WebSocket connection.

2|3|Updated Dec 4, 2025
Search Tags:#debugging#frontend#javascript#browser automation#chrome extension#websocket#dom inspection
One-click install
npx skills add https://github.com/lawless-m/iscsi-crate --skill browserbridge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: BrowserBridge
Source: https://github.com/lawless-m/iscsi-crate/tree/main/skills/BrowserBridge
Command: npx skills add https://github.com/lawless-m/iscsi-crate --skill browserbridge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Debugging and interacting with web browsers programmatically can be cumbersome, especially for dynamic content or complex JavaScript. BrowserBridge provides a real-time WebSocket connection, allowing AI to execute JavaScript, inspect DOM elements, and monitor browser events, significantly speeding up frontend debugging, testing, and automation.

Core Features & Use Cases

  • Real-time JavaScript Execution: Run arbitrary JavaScript in the active browser tab and retrieve results instantly, enabling live testing and data extraction.
  • DOM Inspection: Get detailed HTML, computed styles, and bounding box information for any element by CSS selector, aiding in layout and visibility debugging.
  • Automated Monitoring: Automatically captures console logs, JavaScript errors, and page events, providing a comprehensive view of browser activity without manual intervention.
  • Use Case: A user reports a UI element is not visible. Claude can use BrowserBridge to check if the element exists, inspect its computed styles (e.g., display: none), and even test live CSS changes, quickly diagnosing the issue without manual browser interaction.

Quick Start

Use BrowserBridge to execute JavaScript in the active browser tab and retrieve the current page title.