30 秒でわかる
Many financial workflows depend on information locked inside websites that have no API and actively resist automated traffic. Jay Sahnan and Arik Bird describe how browser agents help Ramp collect receipts at scale, let Bill work across thousands of vendor portals, and automate Stripe’s business verification. They present Browserbase’s cloud browser and Stagehand as complementary pieces: one supplies reliable browser infrastructure, while the other helps agents find and operate changing interfaces. The speakers explain why a normal headless browser is easy for sites to distinguish from a person’s laptop, then outline changes Browserbase made to Chromium and its hosted sessions. Stagehand combines familiar Playwright actions with natural-language instructions, a compact accessibility-tree view, and the observe, act, and extract primitives. Demos range from opening one browser to researching 20 companies across multiple sources.
- 1Give agents a browser for the hard-to-reach webWhen a site has no API or MCP endpoint, an agent still needs to read information or take action through the website. The speakers frame a browser as a basic tool for those tasks.
- 2Ramp turns receipt collection into an automated workflowAfter a card purchase, a browser agent can log in to the vendor, retrieve the receipt, and match it to the transaction. The speakers say this replaces a manual process that would not scale as Ramp grew.
- 3A data-center browser looks different from a laptopBrowser and device fingerprints, fresh sessions, and data-center network reputation can all make headless automation stand out. A rotating proxy may change location but does not fix the browser identity on its own.
- 4Browserbase maintains its own Chromium forkThe team describes removing automation indicators, aligning the browser identity with Chrome, and keeping the Chromium process alive between tasks. They say frequent upstream changes make maintaining a fork necessary.
- 5Stagehand makes browser control more resilientPlaywright scripts can break when a site changes a button or field. Stagehand retains deterministic actions, while also letting an agent use natural language and a compact accessibility tree to find controls.
- 6Three primitives turn page interaction into a workflowObserve finds a possible action without clicking, act carries out an instruction, and extract converts unstructured page information into a schema such as Zod. The demo applies these ideas to company research across websites and public filings.
ポイント
- A browser is useful to an agent whenever a task requires reading from or taking action on a website that lacks an API or MCP integration.
- Scaling browser work from a laptop to a data center creates fingerprint, session, and network-reputation problems that ordinary headless Chromium does not solve by itself.
- Ramp uses browser agents to retrieve receipts from vendor portals and match them to card transactions, replacing a process that once depended on manual work.
- Stagehand pairs deterministic Playwright-style commands with natural-language actions so agents can adapt when page elements change.
- A compact accessibility-tree representation can reduce the page context sent to a model: the speakers compare about 122,000 raw HTML tokens with roughly 4,000 tokens for one example.
- Keeping Stagehand beside the hosted browser reduces round trips between an agent and the page it controls.
- The observe, act, and extract primitives separate finding an action, carrying it out, and turning messy page content into structured data.
チャプターごとに全文を読む
What a browser agent does
Jay Sahnan and Arik Bird introduce the problem of reaching web information that is unavailable through APIs or MCP integrations. They set up the talk around financial companies that must work through login-protected and bot-protected portals.
Jay Sahnan and Arik Bird open with a question: what is a browser agent? If an agent needs to read information from the web or take action there, it needs a way to use a browser. Booking a flight, planning an evening out, or checking a competitor’s prices can all require sites with no API or MCP interface.
Ramp: retrieving receipts at scale
Ramp once relied on people to log in to vendor portals and collect receipts. A browser agent can perform that work after a card purchase, but the example raises the next challenge: avoiding blocks when browser use grows.
Ramp, Bill, and Stripe all handle sensitive financial information, much of it tucked behind logins or anti-bot protections. Those portals can be difficult to access at scale. The speakers use these companies to show where browser agents can help.
Ramp helps companies manage spending, but growth brought more vendor portals and more receipts to collect. At first, people logged in and fetched the receipts. That can work for a smaller company, but a growing operation cannot keep hiring people at the same pace as the workload.
The example is a flight booked with a Ramp card. After the purchase, Ramp starts a browser agent, sends it to Delta, logs in, retrieves the receipt, and matches it to the card transaction. Once this happens at scale, however, anti-bot systems can block the traffic.
Why browsers are harder to scale in the cloud
A personal browser carries a recognizable mix of browser, device, session, and network signals. Running headless Chromium in a data center changes those signals and makes automation easier to distinguish.
To explain why browser traffic gets blocked, the speakers start with a laptop. Chromium is an executable that opens the web, but a site sees more than a request: it can see browser version, operating system, fonts, screen size, and time zone. It may also recognize a logged-in visitor or a familiar pattern of activity.
A website also sees the network reputation behind each request. Someone using a personal browser may look like a familiar human visitor. Put Chromium into a data center and that pattern changes. A company such as Ramp cannot scale by leaving thousands of laptops open, or by relying on a single person’s scheduled script.
Launching a headless browser in an EC2 instance can produce a new fingerprint each time, along with fresh cookies and another login. A data-center IP can also be an obvious signal. Proxies may change the apparent location or reduce some challenges, but they do not change the underlying browser characteristics.
Browserbase’s Chromium changes
The speakers walk through Chromium’s browser process, page engine, network, and device and graphics components. Browserbase says its fork removes automation flags, presents a Chrome identity, and keeps the process alive between jobs.
The speakers describe Chromium as a browser process coordinating a page engine that renders HTML and JavaScript, network requests, and device and graphics functions. Chromium changes frequently, with major releases every couple of weeks and weekly security updates. For a company automating browsers, those changes create ongoing maintenance work.
Browserbase says it forked Chromium to make a verified browser for data-center use. One change is removing the WebDriver automation indicator throughout the code. Another is presenting the browser as Chrome instead of headless Chrome. The speakers emphasize that these changes reach into many parts of Chromium and must keep pace with upstream updates.
The third change is to keep the browser process alive. Many automation jobs start a browser and immediately shut it down when a task ends. Browserbase instead closes the windows while leaving Chromium running, so a new task does not always need to restart the whole process.
The live demonstration starts with one hosted browser. After it loads, the presenter navigates to Rome, then stops the session and launches 100 browsers at once. The group is initially just visiting websites in parallel; the next demonstration is about letting attendees access and interact with those sessions.
The audience can open a random browser through a QR code and interact with it in an embedded view. The demo is a little rough because it depends on Wi-Fi and a tunnel from the presenter’s laptop, but it shows that a cloud browser can be opened and controlled remotely.
The presenters connect the infrastructure example back to Ramp. They say Ramp now deploys thousands of browser agents, has saved more than 30,000 hours of manual data-entry work, and has increased scale fivefold. The time formerly spent collecting receipts can go to other company initiatives.
Testing one browser and then one hundred
The live demo launches a hosted browser and then opens many sessions concurrently. Attendees can interact with browser views, illustrating the cloud access that supports Ramp’s reported receipt workflow.
The next example is Bill, which processes payments across thousands of vendors. Each portal has its own checkout and payment flow, and the interface can change. If people must click through each one, the work does not scale. Bill’s goal was a single agent that could act across many different portals.
Stagehand is Browserbase’s open-source SDK for controlling a browser. The speaker compares it to Playwright with additional capabilities. An agent uses Stagehand to operate the browser, combining standard commands with ways to interpret a page when its interface is less predictable.
A hand-written Playwright script can break when a website moves a button or changes a field label. A selector that worked yesterday may no longer match. One-off local tasks may tolerate that, but companies such as Ramp and Bill need browser workflows that remain reliable every time they run.
Stagehand can still use deterministic commands such as a page click. When a task becomes more complex, a developer can give it a natural-language instruction such as filling out a form or finding a red button. Stagehand examines the page and accessibility tree, then passes a compact view to a model to identify the right control.
Bill: controlling thousands of different portals
Bill faces different checkout flows and changing interfaces across vendor portals. The speakers introduce Stagehand as an open-source SDK that lets agents combine familiar browser commands with more flexible page interaction.
The speakers address the cost of sending a full page to a model. In one comparison, raw HTML contains about 122,000 tokens, while Stagehand’s compact accessibility-tree snapshot contains around 4,000. The smaller representation can reduce context and cost while giving the agent selectors it can use.
Browserbase also places Stagehand next to the hosted browser. If an agent runs elsewhere, it may have to send page data back and forth for each action. Running Stagehand alongside the browser cuts those network round trips and can make instructions and interactions faster.
Stripe: observing, acting, and extracting
Stripe used people to verify businesses through Secretary of State websites, a process the speakers say can be automated with browser agents. They explain Stagehand’s three primitives and show browser-based research across company sites and public sources.
Stripe onboards thousands of merchants over time and must verify that each business is real. Before browser agents, the company had people visit Secretary of State portals to gather the evidence. The speakers describe browser automation as a way to handle this know-your-customer verification.
Stagehand offers three primitives: observe, act, and extract. Observe can find a control, such as a Learn more button, without clicking it. Act performs an action such as clicking Login. Extract turns messy web information into structured output, including a Zod schema that software can pass to an agent.
Researching companies across multiple sources
The demo gathers information about Chipotle from its website, investor relations, an SEC filing, and a stock exchange listing, then applies the same workflow to 20 companies. The speakers close by pointing viewers to Browserbase prompts for getting started.
The first research demo opens Chipotle’s website and extracts what the company sells. The next version checks four sources: the company website, investor relations page, an SEC filing, and a New York Stock Exchange listing. The browser sessions can run in parallel, while a streamed live view is mainly useful during development.
The presenters scale the same workflow to 20 companies. The demo scrolls through results for Chipotle, JPMorgan, and other companies, with the same task running across sites. They show extracted information from the sources, while noting that users do not need to watch every live browser when many sessions are running.
The last results view brings together company information from the website, investor relations, and SEC filing. The presenters say Browserbase’s verified browser can reduce CAPTCHA frequency, and that Stagehand can navigate without someone watching the live view. They point viewers to a reusable prompt on the Browserbase website for getting started.
The talk closes with an invitation to use Browserbase’s website and its copyable prompt to begin building browser-based workflows. The examples have moved from retrieving a receipt, to acting across payment portals, to gathering business information for verification and research.
同じチャンネルの記事
19:43EN
20:55EN
18:27EN
17:56EN
35:19EN
20:58EN