{
  "schemaVersion": "1.0",
  "item": {
    "slug": "agent-browser-0",
    "name": "Agent Browser 0",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/kdegeek/agent-browser-0",
    "canonicalUrl": "https://clawhub.ai/kdegeek/agent-browser-0",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/agent-browser-0",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=agent-browser-0",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "CONTRIBUTING.md",
      "SKILL.md",
      "_meta.json"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "Download the package from Yavira.",
        "Extract it into a folder your agent can access.",
        "Paste one of the prompts below and point your agent at the extracted folder."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
        },
        {
          "label": "Upgrade existing",
          "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/agent-browser-0"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/agent-browser-0",
    "agentPageUrl": "https://openagent3.xyz/skills/agent-browser-0/agent",
    "manifestUrl": "https://openagent3.xyz/skills/agent-browser-0/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/agent-browser-0/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "Download the package from Yavira.",
      "Extract it into a folder your agent can access.",
      "Paste one of the prompts below and point your agent at the extracted folder."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
      },
      {
        "label": "Upgrade existing",
        "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "npm recommended",
        "body": "npm install -g agent-browser\nagent-browser install\nagent-browser install --with-deps"
      },
      {
        "title": "From Source",
        "body": "git clone https://github.com/vercel-labs/agent-browser\ncd agent-browser\npnpm install\npnpm build\nagent-browser install"
      },
      {
        "title": "Quick start",
        "body": "agent-browser open <url>        # Navigate to page\nagent-browser snapshot -i       # Get interactive elements with refs\nagent-browser click @e1         # Click element by ref\nagent-browser fill @e2 \"text\"   # Fill input by ref\nagent-browser close             # Close browser"
      },
      {
        "title": "Core workflow",
        "body": "Navigate: agent-browser open <url>\nSnapshot: agent-browser snapshot -i (returns elements with refs like @e1, @e2)\nInteract using refs from the snapshot\nRe-snapshot after navigation or significant DOM changes"
      },
      {
        "title": "Navigation",
        "body": "agent-browser open <url>      # Navigate to URL\nagent-browser back            # Go back\nagent-browser forward         # Go forward\nagent-browser reload          # Reload page\nagent-browser close           # Close browser"
      },
      {
        "title": "Snapshot (page analysis)",
        "body": "agent-browser snapshot            # Full accessibility tree\nagent-browser snapshot -i         # Interactive elements only (recommended)\nagent-browser snapshot -c         # Compact output\nagent-browser snapshot -d 3       # Limit depth to 3\nagent-browser snapshot -s \"#main\" # Scope to CSS selector"
      },
      {
        "title": "Interactions (use @refs from snapshot)",
        "body": "agent-browser click @e1           # Click\nagent-browser dblclick @e1        # Double-click\nagent-browser focus @e1           # Focus element\nagent-browser fill @e2 \"text\"     # Clear and type\nagent-browser type @e2 \"text\"     # Type without clearing\nagent-browser press Enter         # Press key\nagent-browser press Control+a     # Key combination\nagent-browser keydown Shift       # Hold key down\nagent-browser keyup Shift         # Release key\nagent-browser hover @e1           # Hover\nagent-browser check @e1           # Check checkbox\nagent-browser uncheck @e1         # Uncheck checkbox\nagent-browser select @e1 \"value\"  # Select dropdown\nagent-browser scroll down 500     # Scroll page\nagent-browser scrollintoview @e1  # Scroll element into view\nagent-browser drag @e1 @e2        # Drag and drop\nagent-browser upload @e1 file.pdf # Upload files"
      },
      {
        "title": "Get information",
        "body": "agent-browser get text @e1        # Get element text\nagent-browser get html @e1        # Get innerHTML\nagent-browser get value @e1       # Get input value\nagent-browser get attr @e1 href   # Get attribute\nagent-browser get title           # Get page title\nagent-browser get url             # Get current URL\nagent-browser get count \".item\"   # Count matching elements\nagent-browser get box @e1         # Get bounding box"
      },
      {
        "title": "Check state",
        "body": "agent-browser is visible @e1      # Check if visible\nagent-browser is enabled @e1      # Check if enabled\nagent-browser is checked @e1      # Check if checked"
      },
      {
        "title": "Screenshots & PDF",
        "body": "agent-browser screenshot          # Screenshot to stdout\nagent-browser screenshot path.png # Save to file\nagent-browser screenshot --full   # Full page\nagent-browser pdf output.pdf      # Save as PDF"
      },
      {
        "title": "Video recording",
        "body": "agent-browser record start ./demo.webm    # Start recording (uses current URL + state)\nagent-browser click @e1                   # Perform actions\nagent-browser record stop                 # Stop and save video\nagent-browser record restart ./take2.webm # Stop current + start new recording\n\nRecording creates a fresh context but preserves cookies/storage from your session. If no URL is provided, it automatically returns to your current page. For smooth demos, explore first, then start recording."
      },
      {
        "title": "Wait",
        "body": "agent-browser wait @e1                     # Wait for element\nagent-browser wait 2000                    # Wait milliseconds\nagent-browser wait --text \"Success\"        # Wait for text\nagent-browser wait --url \"/dashboard\"    # Wait for URL pattern\nagent-browser wait --load networkidle      # Wait for network idle\nagent-browser wait --fn \"window.ready\"     # Wait for JS condition"
      },
      {
        "title": "Mouse control",
        "body": "agent-browser mouse move 100 200      # Move mouse\nagent-browser mouse down left         # Press button\nagent-browser mouse up left           # Release button\nagent-browser mouse wheel 100         # Scroll wheel"
      },
      {
        "title": "Semantic locators (alternative to refs)",
        "body": "agent-browser find role button click --name \"Submit\"\nagent-browser find text \"Sign In\" click\nagent-browser find label \"Email\" fill \"user@test.com\"\nagent-browser find first \".item\" click\nagent-browser find nth 2 \"a\" text"
      },
      {
        "title": "Browser settings",
        "body": "agent-browser set viewport 1920 1080      # Set viewport size\nagent-browser set device \"iPhone 14\"      # Emulate device\nagent-browser set geo 37.7749 -122.4194   # Set geolocation\nagent-browser set offline on              # Toggle offline mode\nagent-browser set headers '{\"X-Key\":\"v\"}' # Extra HTTP headers\nagent-browser set credentials user pass   # HTTP basic auth\nagent-browser set media dark              # Emulate color scheme"
      },
      {
        "title": "Cookies & Storage",
        "body": "agent-browser cookies                     # Get all cookies\nagent-browser cookies set name value      # Set cookie\nagent-browser cookies clear               # Clear cookies\nagent-browser storage local               # Get all localStorage\nagent-browser storage local key           # Get specific key\nagent-browser storage local set k v       # Set value\nagent-browser storage local clear         # Clear all"
      },
      {
        "title": "Network",
        "body": "agent-browser network route <url>              # Intercept requests\nagent-browser network route <url> --abort      # Block requests\nagent-browser network route <url> --body '{}'  # Mock response\nagent-browser network unroute [url]            # Remove routes\nagent-browser network requests                 # View tracked requests\nagent-browser network requests --filter api    # Filter requests"
      },
      {
        "title": "Tabs & Windows",
        "body": "agent-browser tab                 # List tabs\nagent-browser tab new [url]       # New tab\nagent-browser tab 2               # Switch to tab\nagent-browser tab close           # Close tab\nagent-browser window new          # New window"
      },
      {
        "title": "Frames",
        "body": "agent-browser frame \"#iframe\"     # Switch to iframe\nagent-browser frame main          # Back to main frame"
      },
      {
        "title": "Dialogs",
        "body": "agent-browser dialog accept [text]  # Accept dialog\nagent-browser dialog dismiss        # Dismiss dialog"
      },
      {
        "title": "JavaScript",
        "body": "agent-browser eval \"document.title\"   # Run JavaScript"
      },
      {
        "title": "State management",
        "body": "agent-browser state save auth.json    # Save session state\nagent-browser state load auth.json    # Load saved state"
      },
      {
        "title": "Example: Form submission",
        "body": "agent-browser open https://example.com/form\nagent-browser snapshot -i\n# Output shows: textbox \"Email\" [ref=e1], textbox \"Password\" [ref=e2], button \"Submit\" [ref=e3]\n\nagent-browser fill @e1 \"user@example.com\"\nagent-browser fill @e2 \"password123\"\nagent-browser click @e3\nagent-browser wait --load networkidle\nagent-browser snapshot -i  # Check result"
      },
      {
        "title": "Example: Authentication with saved state",
        "body": "# Login once\nagent-browser open https://app.example.com/login\nagent-browser snapshot -i\nagent-browser fill @e1 \"username\"\nagent-browser fill @e2 \"password\"\nagent-browser click @e3\nagent-browser wait --url \"/dashboard\"\nagent-browser state save auth.json\n\n# Later sessions: load saved state\nagent-browser state load auth.json\nagent-browser open https://app.example.com/dashboard"
      },
      {
        "title": "Sessions (parallel browsers)",
        "body": "agent-browser --session test1 open site-a.com\nagent-browser --session test2 open site-b.com\nagent-browser session list"
      },
      {
        "title": "JSON output (for parsing)",
        "body": "Add --json for machine-readable output:\n\nagent-browser snapshot -i --json\nagent-browser get text @e1 --json"
      },
      {
        "title": "Debugging",
        "body": "agent-browser open example.com --headed              # Show browser window\nagent-browser console                                # View console messages\nagent-browser console --clear                        # Clear console\nagent-browser errors                                 # View page errors\nagent-browser errors --clear                         # Clear errors\nagent-browser highlight @e1                          # Highlight element\nagent-browser trace start                            # Start recording trace\nagent-browser trace stop trace.zip                   # Stop and save trace\nagent-browser record start ./debug.webm              # Record from current page\nagent-browser record stop                            # Save recording\nagent-browser --cdp 9222 snapshot                    # Connect via CDP"
      },
      {
        "title": "Troubleshooting",
        "body": "If the command is not found on Linux ARM64, use the full path in the bin folder.\nIf an element is not found, use snapshot to find the correct ref.\nIf the page is not loaded, add a wait command after navigation.\nUse --headed to see the browser window for debugging."
      },
      {
        "title": "Options",
        "body": "--session <name> uses an isolated session.\n--json provides JSON output.\n--full takes a full page screenshot.\n--headed shows the browser window.\n--timeout sets the command timeout in milliseconds.\n--cdp <port> connects via Chrome DevTools Protocol."
      },
      {
        "title": "Notes",
        "body": "Refs are stable per page load but change on navigation.\nAlways snapshot after navigation to get new refs.\nUse fill instead of type for input fields to ensure existing text is cleared."
      },
      {
        "title": "Reporting Issues",
        "body": "Skill issues: Open an issue at https://github.com/TheSethRose/Agent-Browser-CLI\nagent-browser CLI issues: Open an issue at https://github.com/vercel-labs/agent-browser"
      }
    ],
    "body": "Browser Automation with agent-browser\nInstallation\nnpm recommended\nnpm install -g agent-browser\nagent-browser install\nagent-browser install --with-deps\n\nFrom Source\ngit clone https://github.com/vercel-labs/agent-browser\ncd agent-browser\npnpm install\npnpm build\nagent-browser install\n\nQuick start\nagent-browser open <url>        # Navigate to page\nagent-browser snapshot -i       # Get interactive elements with refs\nagent-browser click @e1         # Click element by ref\nagent-browser fill @e2 \"text\"   # Fill input by ref\nagent-browser close             # Close browser\n\nCore workflow\nNavigate: agent-browser open <url>\nSnapshot: agent-browser snapshot -i (returns elements with refs like @e1, @e2)\nInteract using refs from the snapshot\nRe-snapshot after navigation or significant DOM changes\nCommands\nNavigation\nagent-browser open <url>      # Navigate to URL\nagent-browser back            # Go back\nagent-browser forward         # Go forward\nagent-browser reload          # Reload page\nagent-browser close           # Close browser\n\nSnapshot (page analysis)\nagent-browser snapshot            # Full accessibility tree\nagent-browser snapshot -i         # Interactive elements only (recommended)\nagent-browser snapshot -c         # Compact output\nagent-browser snapshot -d 3       # Limit depth to 3\nagent-browser snapshot -s \"#main\" # Scope to CSS selector\n\nInteractions (use @refs from snapshot)\nagent-browser click @e1           # Click\nagent-browser dblclick @e1        # Double-click\nagent-browser focus @e1           # Focus element\nagent-browser fill @e2 \"text\"     # Clear and type\nagent-browser type @e2 \"text\"     # Type without clearing\nagent-browser press Enter         # Press key\nagent-browser press Control+a     # Key combination\nagent-browser keydown Shift       # Hold key down\nagent-browser keyup Shift         # Release key\nagent-browser hover @e1           # Hover\nagent-browser check @e1           # Check checkbox\nagent-browser uncheck @e1         # Uncheck checkbox\nagent-browser select @e1 \"value\"  # Select dropdown\nagent-browser scroll down 500     # Scroll page\nagent-browser scrollintoview @e1  # Scroll element into view\nagent-browser drag @e1 @e2        # Drag and drop\nagent-browser upload @e1 file.pdf # Upload files\n\nGet information\nagent-browser get text @e1        # Get element text\nagent-browser get html @e1        # Get innerHTML\nagent-browser get value @e1       # Get input value\nagent-browser get attr @e1 href   # Get attribute\nagent-browser get title           # Get page title\nagent-browser get url             # Get current URL\nagent-browser get count \".item\"   # Count matching elements\nagent-browser get box @e1         # Get bounding box\n\nCheck state\nagent-browser is visible @e1      # Check if visible\nagent-browser is enabled @e1      # Check if enabled\nagent-browser is checked @e1      # Check if checked\n\nScreenshots & PDF\nagent-browser screenshot          # Screenshot to stdout\nagent-browser screenshot path.png # Save to file\nagent-browser screenshot --full   # Full page\nagent-browser pdf output.pdf      # Save as PDF\n\nVideo recording\nagent-browser record start ./demo.webm    # Start recording (uses current URL + state)\nagent-browser click @e1                   # Perform actions\nagent-browser record stop                 # Stop and save video\nagent-browser record restart ./take2.webm # Stop current + start new recording\n\n\nRecording creates a fresh context but preserves cookies/storage from your session. If no URL is provided, it automatically returns to your current page. For smooth demos, explore first, then start recording.\n\nWait\nagent-browser wait @e1                     # Wait for element\nagent-browser wait 2000                    # Wait milliseconds\nagent-browser wait --text \"Success\"        # Wait for text\nagent-browser wait --url \"/dashboard\"    # Wait for URL pattern\nagent-browser wait --load networkidle      # Wait for network idle\nagent-browser wait --fn \"window.ready\"     # Wait for JS condition\n\nMouse control\nagent-browser mouse move 100 200      # Move mouse\nagent-browser mouse down left         # Press button\nagent-browser mouse up left           # Release button\nagent-browser mouse wheel 100         # Scroll wheel\n\nSemantic locators (alternative to refs)\nagent-browser find role button click --name \"Submit\"\nagent-browser find text \"Sign In\" click\nagent-browser find label \"Email\" fill \"user@test.com\"\nagent-browser find first \".item\" click\nagent-browser find nth 2 \"a\" text\n\nBrowser settings\nagent-browser set viewport 1920 1080      # Set viewport size\nagent-browser set device \"iPhone 14\"      # Emulate device\nagent-browser set geo 37.7749 -122.4194   # Set geolocation\nagent-browser set offline on              # Toggle offline mode\nagent-browser set headers '{\"X-Key\":\"v\"}' # Extra HTTP headers\nagent-browser set credentials user pass   # HTTP basic auth\nagent-browser set media dark              # Emulate color scheme\n\nCookies & Storage\nagent-browser cookies                     # Get all cookies\nagent-browser cookies set name value      # Set cookie\nagent-browser cookies clear               # Clear cookies\nagent-browser storage local               # Get all localStorage\nagent-browser storage local key           # Get specific key\nagent-browser storage local set k v       # Set value\nagent-browser storage local clear         # Clear all\n\nNetwork\nagent-browser network route <url>              # Intercept requests\nagent-browser network route <url> --abort      # Block requests\nagent-browser network route <url> --body '{}'  # Mock response\nagent-browser network unroute [url]            # Remove routes\nagent-browser network requests                 # View tracked requests\nagent-browser network requests --filter api    # Filter requests\n\nTabs & Windows\nagent-browser tab                 # List tabs\nagent-browser tab new [url]       # New tab\nagent-browser tab 2               # Switch to tab\nagent-browser tab close           # Close tab\nagent-browser window new          # New window\n\nFrames\nagent-browser frame \"#iframe\"     # Switch to iframe\nagent-browser frame main          # Back to main frame\n\nDialogs\nagent-browser dialog accept [text]  # Accept dialog\nagent-browser dialog dismiss        # Dismiss dialog\n\nJavaScript\nagent-browser eval \"document.title\"   # Run JavaScript\n\nState management\nagent-browser state save auth.json    # Save session state\nagent-browser state load auth.json    # Load saved state\n\nExample: Form submission\nagent-browser open https://example.com/form\nagent-browser snapshot -i\n# Output shows: textbox \"Email\" [ref=e1], textbox \"Password\" [ref=e2], button \"Submit\" [ref=e3]\n\nagent-browser fill @e1 \"user@example.com\"\nagent-browser fill @e2 \"password123\"\nagent-browser click @e3\nagent-browser wait --load networkidle\nagent-browser snapshot -i  # Check result\n\nExample: Authentication with saved state\n# Login once\nagent-browser open https://app.example.com/login\nagent-browser snapshot -i\nagent-browser fill @e1 \"username\"\nagent-browser fill @e2 \"password\"\nagent-browser click @e3\nagent-browser wait --url \"/dashboard\"\nagent-browser state save auth.json\n\n# Later sessions: load saved state\nagent-browser state load auth.json\nagent-browser open https://app.example.com/dashboard\n\nSessions (parallel browsers)\nagent-browser --session test1 open site-a.com\nagent-browser --session test2 open site-b.com\nagent-browser session list\n\nJSON output (for parsing)\n\nAdd --json for machine-readable output:\n\nagent-browser snapshot -i --json\nagent-browser get text @e1 --json\n\nDebugging\nagent-browser open example.com --headed              # Show browser window\nagent-browser console                                # View console messages\nagent-browser console --clear                        # Clear console\nagent-browser errors                                 # View page errors\nagent-browser errors --clear                         # Clear errors\nagent-browser highlight @e1                          # Highlight element\nagent-browser trace start                            # Start recording trace\nagent-browser trace stop trace.zip                   # Stop and save trace\nagent-browser record start ./debug.webm              # Record from current page\nagent-browser record stop                            # Save recording\nagent-browser --cdp 9222 snapshot                    # Connect via CDP\n\nTroubleshooting\nIf the command is not found on Linux ARM64, use the full path in the bin folder.\nIf an element is not found, use snapshot to find the correct ref.\nIf the page is not loaded, add a wait command after navigation.\nUse --headed to see the browser window for debugging.\nOptions\n--session <name> uses an isolated session.\n--json provides JSON output.\n--full takes a full page screenshot.\n--headed shows the browser window.\n--timeout sets the command timeout in milliseconds.\n--cdp <port> connects via Chrome DevTools Protocol.\nNotes\nRefs are stable per page load but change on navigation.\nAlways snapshot after navigation to get new refs.\nUse fill instead of type for input fields to ensure existing text is cleared.\nReporting Issues\nSkill issues: Open an issue at https://github.com/TheSethRose/Agent-Browser-CLI\nagent-browser CLI issues: Open an issue at https://github.com/vercel-labs/agent-browser"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/kdegeek/agent-browser-0",
    "publisherUrl": "https://clawhub.ai/kdegeek/agent-browser-0",
    "owner": "kdegeek",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/agent-browser-0",
    "downloadUrl": "https://openagent3.xyz/downloads/agent-browser-0",
    "agentUrl": "https://openagent3.xyz/skills/agent-browser-0/agent",
    "manifestUrl": "https://openagent3.xyz/skills/agent-browser-0/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/agent-browser-0/agent.md"
  }
}