Surfer-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: 
./launch.sh
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

Interface Screenshot Pn The Surfer-H web interface showing real-time agent monitoring as it searches for a beef Wellington recipe