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 Case | Example |
|---|---|
| Web scraping | Extract data from dynamic websites |
| Visual testing | Verify UI rendering, compare screenshots |
| Workflow automation | Log in, fill forms, click buttons |
| Documentation | Capture screenshots for tutorials |
| Debugging | Inspect live web app state |
How It Works
- Chrome Detection: Finds locally installed Chrome/Chromium
- Puppeteer Launch: Starts headless or headed browser
- Tool Execution: Navigate, click, type, screenshot
- Visual Analysis: LLM analyzes screenshots (if vision model available)
- Cleanup: Browser closes automatically
Available Tools
| Tool | Description |
|---|---|
browser_open | Open Chrome browser (headless/headed) |
browser_navigate | Navigate to URL |
browser_click | Click element by CSS selector |
browser_type | Type text into input field |
browser_screenshot | Take screenshot + optional visual analysis |
browser_close | Close 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
| Aspect | Detail |
|---|---|
| Local only | Browser runs on your machine, no remote control |
| No tracking | Puppeteer doesn't send data externally |
| Permission | Requires explicit allow for browser operations |
| Sandbox | Runs in isolated process, cleaned up after use |
| Headless default | Runs 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"
}
}