Browser Automation with agent-browser

Core Workflow

Every browser automation follows this pattern:

1. Preflight: For live apps, verify session/auth state and wait for the real UI to be ready
2. Navigate: agent-browser open <url>
3. Snapshot: agent-browser snapshot -i (get element refs like @e1, @e2)
4. Interact: Use refs to click, fill, select
5. Re-snapshot: After navigation or DOM changes, get fresh refs

agent-browser open https://example.com/form
agent-browser snapshot -i
# Output: @e1 [input type="email"], @e2 [input type="password"], @e3 [button] "Submit"