/install dex-browser
Browser Automation
When to Use This Skill
Trigger conditions:
web_fetchreturned empty, garbled, or incomplete content- Target page is JavaScript-rendered (React/Vue/Angular SPAs)
- Need to interact with UI: click buttons, fill forms, navigate flows
- Need a screenshot of a page's current rendered state
- Multi-step flows: login → navigate → scrape
- Extracting structured data from dynamically loaded content
Do NOT use this skill when:
- Page is static HTML —
web_fetchis faster - Only need to find a URL —
web_searchis the right first step - You need API data — check if the site has a public API first
- The page requires authentication you don't have
The 3-Layer Web Tool Hierarchy
Layer 1 — Search: web_search → find URLs
Layer 2 — Extract: web_fetch → get page content (static pages only!)
Layer 3 — Interact: browser.py → JS rendering, interaction, screenshots
Always try Layer 1 and 2 before reaching for browser automation.
Setup Check
python3 skills/browser-automation/scripts/init.py
Should return {"ready": true}. If not, Playwright needs installation.
Scripts
All scripts exit with code 0 on success, 1 on usage error, 2 on browser error.
screenshot.py — Capture a page
python3 skills/browser-automation/scripts/screenshot.py \x3Curl> [path]
# Default path: /tmp/screenshot.png
Returns: {success, saved, title}
scrape.py — Get rendered HTML
python3 skills/browser-automation/scripts/scrape.py \x3Curl>
Returns: {success, title, url, html} (html truncated to 50k chars)
extract.py — Pull structured data
python3 skills/browser-automation/scripts/extract.py \x3Curl> \x3Cselector>
CSS selector targets elements. Extracts up to 50 elements, each with text, href, src, alt.
Returns: {success, count, selector, items[]}
interact.py — Click and fill
# Click
python3 skills/browser-automation/scripts/interact.py click \x3Cselector> [url]
# Fill input
python3 skills/browser-automation/scripts/interact.py fill \x3Cselector> \x3Cvalue> [url]
# Hover
python3 skills/browser-automation/scripts/interact.py hover \x3Cselector> [url]
If url is provided, navigates there first. Returns: {success, action, selector, title, url}
Reference Docs
references/selectors.md— CSS selector syntax and common patternsreferences/patterns.md— Login flows, search pagination, infinite scroll, stealth mode, error recovery
Examples
JS-rendered page (would fail web_fetch)
# web_fetch gives nothing on HN — use extract
python3 scripts/extract.py "https://news.ycombinator.com" ".titleline > a"
Screenshot a page
python3 scripts/screenshot.py "https://site.com/dashboard" "/tmp/dashboard.png"
Form login flow
python3 scripts/interact.py fill "#username" "[email protected]" "https://site.com/login"
python3 scripts/interact.py fill "#password" "secret123"
python3 scripts/interact.py click "button[type=submit]"
python3 scripts/scrape.py "https://site.com/dashboard"
Get structured data from a list
python3 scripts/extract.py "https://jobs.site.com/postings?q=engineer" ".job-listing h2"
Quick Reference
| Task | Command |
|---|---|
| Screenshot | screenshot.py \x3Curl> [path] |
| HTML | scrape.py \x3Curl> |
| Data | extract.py \x3Curl> \x3Cselector> |
| Click | interact.py click \x3Cselector> [url] |
| Fill | interact.py fill \x3Cselector> \x3Cvalue> [url] |
| Setup check | init.py |
Skill Metadata
- Scripts:
init.py,screenshot.py,scrape.py,extract.py,interact.py - References:
selectors.md,patterns.md - Requires: Playwright (
pip install playwright && playwright install chromium) - Exit codes: 0=success, 1=usage error, 2=browser error
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install dex-browser - After installation, invoke the skill by name or use
/dex-browser - Provide required inputs per the skill's parameter spec and get structured output
What is Dexter Browser Automation?
Browser automation via Playwright. Use when pages are JS-rendered, require user interaction (click/fill), or need screenshots. Part of the 3-layer web tool h... It is an AI Agent Skill for Claude Code / OpenClaw, with 84 downloads so far.
How do I install Dexter Browser Automation?
Run "/install dex-browser" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Dexter Browser Automation free?
Yes, Dexter Browser Automation is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Dexter Browser Automation support?
Dexter Browser Automation is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Dexter Browser Automation?
It is built and maintained by Tyler (@tylerdotai); the current version is v2.0.0.