웹 전반에서 작동하는 금융 에이전트 만드는 방법 - 제이 사난 & 아릭 버드, Browserbase
원제 · How to Build Financial Agents That Work Across the Web - Jay Sahnan & Arik Bird, Browserbase
핵심 요약
브라우저 에이전트와 Stagehand SDK를 결합하면 API가 없는 수천 개의 웹 포털과 복잡한 금융 사이트에서 데이터 추출 및 자동화 작업을 안정적이고 대규모로 처리할 수 있다.
하이라이트
Ramp는 브라우저 에이전트를 도입하여 3만 시간 이상의 수작업 데이터 입력 시간을 절약하고 규모를 5배 확장했다.
Browserbase는 자동화 플래그를 제거하고 신원을 일치시키며 프로세스를 유지하는 방식을 통해 데이터 센터 환경에서 봇 차단과 캡차 문제를 해결한다.
Stagehand는 Playwright 기반 위에 구축된 오픈소스 SDK로, DOM을 압축하여 토큰 사용량을 12만 2천 개에서 4천 개로 줄인다.
Stagehand는 Act, Extract, Observe 프리미티브를 제공하며 Zod 스키마를 사용하여 웹상의 비정형 데이터를 정형화된 데이터로 쉽게 추출한다.
타임라인
브라우저 에이전트의 개념과 금융 업계 적용 배경
비행기 예약이나 경쟁사 가격 정보 수집 등 웹상의 다양한 작업을 수행하려면 브라우저 접근이 필요하다. Ramp는 지출 관리 및 영수증 매칭 과정을 자동화하기 위해 브라우저 에이전트를 도입하여 대규모 확장을 이뤄냈다. 사람이 직접 수작업으로 포털을 돌던 방식에서 벗어나 에이전트를 활용함으로써 업무 속도를 극적으로 높였다.
- 에이전트가 API나 MCP가 없는 웹사이트와 상호작용하기 위해서는 브라우저라는 도구가 필수적이다.
- Ramp 같은 금융 기업들은 로그인이 필요한 포털이나 봇 방지 시스템으로 보호된 웹사이트에서 영수증을 수집하기 위해 브라우저 에이전트를 활용한다.
- 초기에는 사람이 직접 포털에 로그인하는 방식을 사용했으나 기업 규모가 커짐에 따라 인력 중심 방식은 병목 현상을 유발한다.
데이터 센터 환경에서의 크로미움 최적화와 인프라
개인 노트북의 브라우저는 운영체제, 글꼴, 화면 크기 등 완벽한 디지털 지문을 가지고 있어 사이트에서 차단당하지 않는다. 하지만 이를 클라우드 서버에서 대규모로 복제해 실행하면 봇 방지 시스템에 쉽게 걸린다. Browserbase는 크로미움 바이너리를 포크하여 자동화 탐지 요소를 제거하고 브라우저 프로세스를 계속 살아있는 상태로 유지하여 안정적인 대규모 접속을 지원한다.
- 노트북에서 실행되는 브라우저는 디지털 지문과 쿠키 덕분에 웹사이트에서 자연스러운 사용자로 인식된다.
- 클라우드 데이터 센터에서 헤드리스 크롬을 실행할 경우 매번 지문이 달라지고 데이터 센터 IP로 인식되어 차단당하기 쉽다.
- Browserbase는 자동화 플래그(webdriver=false)를 제거하고 크롬 신원을 일치시키며 프로세스를 유지하는 방식으로 이 문제를 해결한다.
Stagehand SDK를 통한 웹 제어와 토큰 절감
수천 개의 서로 다른 웹 포털을 관리할 때 기존의 결정론적 Playwright 스크립트는 UI 변경에 매우 취약하다. Stagehand는 플레이라이트 위에 구축되어 자연어 명령으로 요소를 찾고 상호작용할 수 있게 돕는다. 특히 브라우저 바로 옆에 크롬 확장 프로그램 형태나 근접한 구조로 배치되어 왕복 지연 시간을 없애고 대규모 제어 효율성을 극대화한다.
- Bill 같은 기업은 수천 개의 서로 다른 공급업체 포털과 체크아웃 흐름을 처리하기 위해 적응형 자동화가 필요하다.
- 기존 Playwright 스크립트는 UI가 조금만 바뀌어도 쉽게 고장 나지만 Stagehand는 자연어 프롬프트를 지원한다.
- Stagehand는 원시 HTML을 압축된 접근성 트리로 변환하여 LLM에 전달하는 토큰 양을 12만 2천 개에서 4천 개로 대폭 줄인다.
Act, Extract, Observe와 대규모 기업 데이터 추출 데모
Stripe 같은 기업은 가맹점 온보딩과 KYC 검증을 위해 주 정부 포털 등에서 정보를 확인해야 한다. Stagehand의 Extract 기능을 활용하면 비정형화된 웹 데이터를 개발자가 원하는 스키마 형태로 깔끔하게 추출할 수 있다. 치폴레나 대형 금융 기관들을 대상으로 한 시연을 통해 수많은 기업 사이트와 SEC 공시 자료를 동시에 안전하게 스크래핑하는 능력을 입증했다.
- Stagehand는 Observe, Act, Extract라는 세 가지 핵심 프리미티브를 개발자에게 제공한다.
- Extract 기능을 이용하면 웹상의 복잡하고 지저분한 데이터를 Zod 스키마를 통해 가독성 높은 정형 데이터로 변환할 수 있다.
- 다수의 기업 웹사이트, 투자자 페이지, SEC 공시 자료를 동시에 차단 없이 탐색하며 자동 조사 작업을 수행할 수 있다.
설명
Some of the most important financial data sits behind logins and anti-bot walls, with no API. Jay Sahnan and Arik Bird of Browserbase show how browser agents solve this through three case studies: Ramp fetching receipts at scale (over 30,000 manual hours saved), Bill paying across thousands of different vendor portals with one agent, and Stripe automating KYC checks. They also cover how Browserbase forked Chromium to run reliably in the cloud, and how Stagehand's act, extract and observe primitives keep automations from breaking when sites change. Chapters 00:00 Intro 00:27 What is a browser agent? 01:37 Ramp, Bill and Stripe: data on the hardest-to-reach web 02:13 Ramp: fetching receipts at scale 03:34 Why browsers get blocked in the data center 06:03 Forking Chromium for the cloud 07:49 Demo: 100 browsers at once 10:11 Bill: one agent, thousands of portals 11:08 Stagehand vs Playwright 14:52 Stripe: automating KYC 15:52 Act, extract and observe 16:35 Demo: researching 20 companies in parallel Jay Sahnan, Browserbase Arik Bird, Browserbase Join us in SF for the second annual AIE CODE summit: https://aie.codes our last flagship summit of 2026. Applications live now!
