Agent Browser
Use agent-browser for local OpenDesign preview validation: inspect rendered
state, click/type when requested, and capture one screenshot when visual evidence
matters. Keep the browser local-first unless the user explicitly asks for
external browsing.
When the run prompt contains selected workspace context, prefer the selected
browser tab URL/title as the target. Treat user phrases like "this page",
"the current browser", "right-side tab", "extract the logo", "get the palette",
"take an element screenshot", or "check OG/a11y" as requests about that selected
tab unless the user names another target.
Requirements
Verify the CLI before doing any browser work:
command -v agent-browser
If missing, stop and tell the user to install it:
npm i -g agent-browser
agent-browser install
Do not replace the CLI with ad hoc browser scripts.
Context Hygiene
Never print full upstream guides into chat or tool output. Save them to temp files and extract only task-relevant lines:
AGENT_BROWSER_CORE="${TMPDIR:-/tmp}/agent-browser-core.$$.md"
agent-browser skills get core > "$AGENT_BROWSER_CORE"
rg -n "cdp|connect|snapshot|screenshot|cli…
