Show HN: WebBridge는 브라우저 트래픽을 기록하여 모든 웹사이트를 MCP 도구로 전환합니다.

hackernews | | 🔬 연구
#ai #anthropic #claude #mcp #review #show hn #webbridge #웹 자동화
원문 출처: hackernews · Genesis Park에서 요약 및 분석

요약

한 중년 개발자가 AI 모델 '클로드(Claude)'의 도움을 받아 웹사이트의 API 트래픽을 기록하고 이를 MCP 서버로 변환하는 'WebBridge'를 공개했습니다. 사용자는 크롬 확장 프로그램을 사용해 로그인된 사이트에서의 작업을 녹화하기만 하면, 별도의 코딩 없이도 약 10분 만에 해당 사이트와 연동되는 도구를 생성할 수 있습니다. 이 도구는 법률 분석이나 시장 조사 등 특정 웹사이트를 반복적으로 활용해야 하는 비전문가들을 위해 설계되었습니다.

본문

Made with AI Turn any website into MCP tools — without writing code, without the site's cooperation, and without a separate desktop app. Generated servers use the open Model Context Protocol standard and work with any MCP-compatible client — Claude Desktop, Claude Cowork, Claude Code, Cursor, VS Code (Copilot), Windsurf, Cline, Continue, and more. IMPORTANT DISCLAIMER: Using WebBridge to interact with websites may violate those websites' Terms of Service, Acceptable Use Policies, or other agreements you have with them. Automated access to websites can result in your IP address being blocked, your account being suspended, or legal action. You are solely responsible for ensuring your use of WebBridge complies with all applicable terms, laws, and regulations. The authors of WebBridge accept no liability for misuse. See the full disclaimer below. - Record — Click "Record" in the WebBridge Chrome extension, use the website normally, click "Stop". The extension captures all API traffic using Chrome DevTools Protocol. - Generate — In Claude Desktop or Claude Code, run webbridge_read_recordings . Claude reads the captured traffic, asks you what each action does and what to call it, then writes a fully typed MCP server. - Test — Call webbridge_test . Claude installs dependencies, starts the server, calls each tool, and verifies the responses. - Install — Call webbridge_install . Claude merges the server into your Claude Desktop config — no packaging step required for local use. - Update — Re-record a changed action, then call webbridge_update . Claude diffs new vs. existing recordings and regenerates only the affected tool — no full rewrite needed. From recording to working tool: ~10 minutes. No code required. A WebBridge-generated integration for York Region public libraries lets Claude search the catalogues of all 9 libraries simultaneously — Aurora, East Gwillimbury, Georgina, King Township, Markham, Newmarket, Richmond Hill, Vaughan, and Whitchurch-Stouffville. The generated tools: search_york_region_libraries — Search all 9 catalogues at once, returning results grouped by library with title, author, format, year, and a direct link to the catalogue recordsearch_specific_library — Search a single library's catalogue with detailed results including call number and descriptionlist_york_region_libraries — List all 9 libraries with their IDs and catalogue URLs How it was built: Record a single catalogue search on BiblioCommons, let Claude analyze the API traffic, generate the MCP server, test, install. The entire process took under 10 minutes with no code written manually. York.Region.Libraries.Search.mp4 Use WebBridge's Full Dump mode to capture every network request an application makes — including analytics beacons, third-party calls, and data shared with external services. Then pair the recording with Anthropic's Legal Knowledge Work Plugin to have Claude perform compliance analysis: compliance-check — Verify that the data the app actually transmits over the wire matches what the privacy policy and Terms & Conditions claimreview-contract — Cross-reference a Data Processing Agreement (DPA) against the observed third-party data sharing This gives legal and compliance teams a way to audit what an application does versus what it says it does — grounded in actual network evidence rather than documentation alone. Legal.Compliance.Check.mp4 Full Dump mode captures every request without filtering — analytics, trackers, fonts, scripts, binary assets, and failed requests. Claude presents a structured privacy report: - Which third-party domains the site contacts - What data is sent to analytics/advertising services - Whether search terms, form values, or PII are leaked to third parties - Cookie and header analysis per domain - CDN and infrastructure provider identification Chrome (your browser, already running) | +-- WebBridge Extension (chrome-extension/) | - Records API traffic via chrome.debugger (CDP) | - Bridges auth via chrome.cookies + chrome.scripting | - Maintains background tabs for in-context-fetch sites | - Communicates with native host via native messaging | +-- Native Messaging Host (native-host/host.js) | - Relays Chrome external processes | - Writes recordings to ~/.webbridge/sites// | - Exposes Unix socket at ~/.webbridge/bridge.sock | - Handles tool management (add/remove) and recording diffs | +-- WebBridge MCP Plugin (webbridge-plugin/) - Claude reads recordings with webbridge_read_recordings - Claude writes server code with webbridge_write_server - Claude diffs new recordings with webbridge_update - Claude tests with webbridge_test - Claude installs with webbridge_install - Import HAR files from any browser with webbridge_import_har Generated MCP Server (per site, in ~/.webbridge/sites//server/) - Connects to bridge.sock to make authenticated requests - Extracts HTML responses via htmlToText() / @mozilla/readability - Installed via claude_desktop_config or packaged as .mcpb - Open chrome://extensions -

Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.

공유

관련 저널 읽기

전체 보기 →