Browser Agent Template is a starter codebase for a web-browsing agent that you fork, customize, and deploy to Vercel. It combines a Vercel eve agent, a Next.js web chat UI, and a Browser Use cloud browser in one service, so the chat front end and the agent deploy together.
When you give the agent a web task, it loads the browser-use skill and calls opencloudbrowser. The @browseruse/eve package provisions a Browser Use cloud browser and returns a live URL; the agent then drives that browser through raw, typed Chrome DevTools Protocol (CDP) calls via browser-harness-js inside eve's sandbox, and stopcloud_browser ends the session. The withEve() helper in next.config.ts mounts the agent into the Next.js app.
Deployment needs a Browser Use API key and a model credential for the Vercel AI Gateway. The customization guide covers renaming the agent, rewriting its instructions, changing the model, adding tools and skills, configuring the cloud browser (proxy country, profile, timeouts), and adding auth for a public deployment.
Features
- Web chat: responses stream into the browser UI, and each tool call (open browser, navigate, extract) renders inline as it happens
- Cloud browser: the agent navigates pages, scrapes content, fills forms, clicks, and takes screenshots in a real Browser Use browser rather than through scraping APIs
- Live browser panel: every session returns a liveUrl that the UI embeds beside the chat so you can watch the agent browse
- Server-side key: BROWSERUSEAPI_KEY stays in the app runtime and is never exposed to the agent sandbox or the model
- Durable sessions: built on eve, a durable agent framework, with model access through the AI SDK
- Customizable: swap the model, add tools and skills, tune browser settings, and set up auth for public deployments