browser-bridge
CommunityControl real Chrome to extract structured web data.
Software Engineering#web automation#browser control#javascript execution#page scraping#component evidence#spa extraction#dom diff
Authorliuzhengdongfortest
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Browser Bridge removes the guesswork and token waste of scraping by letting an agent operate a real Chrome browser, then returning structured results, DOM diffs, and rendered component evidence instead of full raw HTML dumps.
Core Features & Use Cases
- Real browser automation (Chrome extension + JS execution): Navigate, click, fill forms, scroll, run arbitrary JavaScript, and interact with dynamic SPA content.
- Structured extraction with change awareness: Capture JavaScript return values, transient toast/notification text, new tabs, and a DOM change summary to reduce re-scanning.
- Token-efficient page scanning: Produce simplified HTML or text-only views, with options to wait for SPA selectors and to return size-only for quick render checks.
- Rendered component evidence export: For UI components where screenshots are insufficient, export DOM structure plus computed styles and screenshots of both the full page and the selected component.
Quick Start
Tell your agent: Run browser-bridge navigate to open https://example.com, then scan the page with text-only output.
Dependency Matrix
Required Modules
bs4simple-websocket-serverbottlerequests
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: browser-bridge Download link: https://github.com/liuzhengdongfortest/skills/archive/main.zip#browser-bridge Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.