DocsCore ConceptsBrowser Automation & Vision

Browser Automation & Vision

How HelixMind controls Chrome via Puppeteer for web automation, screenshots, and visual analysis.

Browser Automation & Vision

HelixMind can control a real Chrome browser via Puppeteer. navigate, click, type, take screenshots, and analyze visual content.

Why Browser Automation?

Use CaseExample
Web scrapingExtract data from dynamic websites
Visual testingVerify UI rendering, compare screenshots
Workflow automationLog in, fill forms, click buttons
DocumentationCapture screenshots for tutorials
DebuggingInspect live web app state

How It Works

  1. Chrome Detection: Finds locally installed Chrome/Chromium
  2. Puppeteer Launch: Starts headless or headed browser
  3. Tool Execution: Navigate, click, type, screenshot
  4. Visual Analysis: LLM analyzes screenshots (if vision model available)
  5. Cleanup: Browser closes automatically

Available Tools

ToolDescription
browser_openOpen Chrome browser (headless/headed)
browser_navigateNavigate to URL
browser_clickClick element by CSS selector
browser_typeType text into input field
browser_screenshotTake screenshot + optional visual analysis
browser_closeClose browser

Vision Analysis

When a vision-capable model (GPT-4o, Claude 3.5 Sonnet) is active, screenshots are automatically analyzed:

๐ŸŒ Browser: Screenshot taken (1920ร—1080)
   Analyzing with Claude 3.5 Sonnet...
   โ†’ "The page shows a login form with username and password fields."

Example: Login Automation

// AI-generated tool calls for login flow
browser_open({ headless: false })
browser_navigate({ url: "https://app.example.com/login" })
browser_type({ selector: "input[name='email']", text: "[email protected]" })
browser_type({ selector: "input[name='password']", text: "secret123" })
browser_click({ selector: "button[type='submit']" })
browser_screenshot({ prompt: "Verify login succeeded" })

CLI Integration

Browser tools are available in autonomous mode:

> Go to GitHub, search for "HelixMind", and screenshot the results

๐ŸŒ Browser: Opening Chrome...
๐ŸŒ Browser: Navigating to https://github.com...
๐ŸŒ Browser: Typing "HelixMind" into search box...
๐ŸŒ Browser: Clicking search button...
๐ŸŒ Browser: Screenshot saved to ./screenshot-2025-06-01.png

Privacy & Security

AspectDetail
Local onlyBrowser runs on your machine, no remote control
No trackingPuppeteer doesn't send data externally
PermissionRequires explicit allow for browser operations
SandboxRuns in isolated process, cleaned up after use
Headless defaultRuns without GUI unless you specify headless: false

Configuration

Enable browser automation in .helixmind/config.json:

{
  "permissions": {
    "browserAutomation": true
  },
  "browser": {
    "headless": true,
    "timeout": 30000,
    "userAgent": "HelixMind/1.0"
  }
}
HelixMind โ€” AI Coding CLI with Spiral Memory