Skip to main contentSurfer-H includes a modern web frontend that provides an intuitive way to interact with the agent. The frontend offers several advantages over the CLI:
Features
The frontend offers a range of features and benefits:
- Task creation: Simply describe what you want to accomplish in natural language through a web interface
- Real-time monitoring: Watch your agent complete tasks with live updates
- Trajectory management: View, replay, and manage automated browsing sequences
- Settings configuration: Easily customize agent behavior, target URLs, and execution parameters through a UI
- Example tasks: Get started quickly with pre-configured example prompts
Quick Start
The easiest way to start both the backend and frontend together is to run from the root directory:
This command will automatically start both the Surfer-H backend and the Next.js frontend, making the web interface available at http://localhost:3000.
Interface Preview
The Surfer-H web interface showing real-time agent monitoring as it searches for a beef Wellington recipe