Browser Bridge

Connects Claude directly to a real Chrome browser through a WebSocket bridge and extension. Instead of dumping raw HTML into the context, you execute JavaScript in the browser and get back structured results, DOM diffs, and transient UI text like toasts. The exec command is the workhorse for clicks, form fills, and data extraction. The scan command returns simplified HTML with ads and repeated list items stripped out. The evidence command is interesting: it captures rendered component state with computed styles and box models for design system work where screenshots alone miss critical details. Works well for SPAs because you can wait for selectors before running code. Setup requires installing a Chrome extension and a few Python packages once, then commands auto-start the bridge server.

Install to Claude Code

npx -y skills add liuzhengdongfortest/codestable --skill browser-bridge --agent claude-code