agent-browser-interaction-debugging
Installation
SKILL.md
Agent Browser Interaction Debugging
Debug local browser interactions by treating agent-browser as a user-facing inspection tool first and a command surface second. Use fresh evidence, current local CLI docs, and UI-visible behavior before classifying a failure.
Process
- Before actual interaction debugging command work, check the local command surface:
agent-browser --versionagent-browser --help
- If the installed CLI supports versioned local guidance such as
agent-browser skills get coreoragent-browser skills get dogfood, load it and prefer that output when syntax differs. Older versions may not provide those commands. - Treat static command snippets in this skill as patterns, not permanent CLI truth.
- Work from a fresh snapshot after navigation, rerender, modal open/close, tab switch, frame switch, filter, pagination, live event, optimistic update, form submit, or infinite-scroll page load.
- Treat
@eNrefs as short-lived and bound to a specific snapshot, tab, and frame. Do not reuse a ref after the UI changes. - Prefer semantic locators by role, label, text, or stable test contract. Avoid generated CSS classes, incidental DOM position, and style-dependent selectors.
- Wait for concrete user-visible or business results before judging behavior. Use fixed sleeps only for diagnostics, videos, or animation states that have no observable end condition.
- Reproduce interactions through the UI. Do not use eval or DOM surgery to bypass overlays, validation, focus behavior, scroll behavior, or disabled states.
- Classify findings clearly as product, test-script, tooling, environment, data, permissions, session, or external-service issues.