{
  "schemaVersion": "1.0",
  "item": {
    "slug": "chrome-extension-relay-helper-mac",
    "name": "Chrome Extension Relay Helper - Mac",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/i-am-rad/chrome-extension-relay-helper-mac",
    "canonicalUrl": "https://clawhub.ai/i-am-rad/chrome-extension-relay-helper-mac",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/chrome-extension-relay-helper-mac",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=chrome-extension-relay-helper-mac",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.md",
      "scripts/attach.sh"
    ],
    "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-30T16:55:25.780Z",
      "expiresAt": "2026-05-07T16:55:25.780Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network",
        "contentDisposition": "attachment; filename=\"network-1.0.0.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/chrome-extension-relay-helper-mac"
    },
    "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/chrome-extension-relay-helper-mac",
    "agentPageUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/agent",
    "manifestUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/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": "OpenClaw Chrome Relay Helper - Mac",
        "body": "Automates attaching the OpenClaw Browser Relay Chrome extension to a live tab on macOS. Once attached, the browser(profile=\"chrome\") tool works — you can navigate, snapshot, click, and scrape using your real Chrome session.\n\nmacOS only. Requires Peekaboo (macOS UI automation CLI)."
      },
      {
        "title": "Quickstart",
        "body": "bash <skill-dir>/scripts/attach.sh\n\nOutputs one of:\n\nALREADY_ATTACHED — already connected, nothing to do\nATTACHED — freshly connected, ready to use\nFAILED: <reason> — check ~/.openclaw/media/relay-attach-fail.png for a debug screenshot\n\nThen navigate and automate:\n\nbrowser(action=\"navigate\", profile=\"chrome\", targetUrl=\"https://example.com\")\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)  # read page content\n\nTypical wall time: ~29s on a clean launch."
      },
      {
        "title": "1. Peekaboo (macOS UI automation CLI)",
        "body": "brew install steipete/tap/peekaboo\n\nPeekaboo reads Chrome's accessibility tree to find the extension icon by description — no pixel coordinates needed."
      },
      {
        "title": "2. Accessibility permission for node",
        "body": "Go to System Settings → Privacy & Security → Accessibility and add your node binary. Without this, Peekaboo cannot send click events.\n\nFind your node path with: which node"
      },
      {
        "title": "3. openclaw.json browser profile",
        "body": "Add this to your ~/.openclaw/openclaw.json:\n\n\"browser\": {\n  \"profiles\": {\n    \"chrome\": {\n      \"cdpUrl\": \"http://127.0.0.1:18792\",\n      \"driver\": \"extension\",\n      \"color\": \"#FF5A36\"\n    }\n  }\n}\n\nRestart the gateway after editing: openclaw gateway restart"
      },
      {
        "title": "4. Extension loaded and pinned in Chrome",
        "body": "The OpenClaw Browser Relay extension must be loaded as an unpacked extension in Chrome. It's included with OpenClaw at:\n\n~/.openclaw/browser/chrome-extension\n\nLoad it via chrome://extensions → Developer mode ON → Load unpacked.\n\nThe extension must also be pinned to the toolbar. The script finds the icon via Chrome's accessibility tree, which only exposes toolbar-pinned extensions — not icons hidden inside the Extensions panel. To pin: click the puzzle-piece icon → click the pin icon next to \"OpenClaw Browser Relay\"."
      },
      {
        "title": "How it works",
        "body": "The script finds the extension icon using Chrome's accessibility tree — not pixel coordinates. The icon's description changes based on state:\n\nDetached: \"OpenClaw Browser Relay (click to attach/detach)\"\nAttached: \"OpenClaw Browser Relay: attached (click to detach)\"\n\nPeekaboo scans for a pop-up button element whose description starts with \"OpenClaw Browser Relay\", determines state, and clicks to attach if needed. Retries up to 8× (every 2s) to handle slow Chrome startup.\n\nWindow maximize is required before scanning — Chrome's toolbar icons are not visible in the accessibility tree on a small or default-sized window."
      },
      {
        "title": "What the script does (step by step)",
        "body": "Fast path — if Chrome is running and badge already shows \"attached\", exits immediately (~2s)\nKill any running Chrome instance\nPatch ~/Library/Application Support/Google/Chrome/Default/Preferences to suppress the \"Restore Pages?\" dialog on relaunch\nOpen Chrome to https://info.cern.ch/ — the world's first website, a 428-byte static HTML file with zero anti-bot tech, JS, cookies, or Cloudflare\nMaximize the window via Peekaboo (required for toolbar visibility)\nScan accessibility tree for the extension icon (retries up to 8×, 2s apart)\nClick the icon to attach\nVerify state changed to \"attached\" before returning"
      },
      {
        "title": "Known pitfalls",
        "body": "ApproachWhy it doesn't workHardcoded pixel coordinatesBreaks at any screen size other than what they were measured onAppleScript keystroke with Ctrl+ShiftModifier keys are silently dropped — only the bare key firesChrome extension keyboard shortcutThe extension manifest has no commands — shortcuts don't trigger attachVision model to locate iconNot reliable enough for toolbar UI at any resolutionSkipping window maximizeToolbar icons don't appear in the accessibility tree on a small windowExtension not pinned to toolbarUnpinned extensions are hidden inside the Extensions panel — not visible in the accessibility treeWrong profile name or port in configbrowser(profile=\"chrome\") requires the profile named exactly chrome pointing to port 18792"
      },
      {
        "title": "Token efficiency tips",
        "body": "# ✅ Use snapshot for reading page content (~3k tokens)\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)\n\n# ❌ Avoid screenshot + vision for UI element detection\n# → Unreliable for toolbar/coordinate identification\n# → 10–50x more expensive than snapshot"
      },
      {
        "title": "Integration pattern",
        "body": "Any skill that needs Chrome relay should call this first:\n\n# 1. Attach\nbash <path-to-chrome-relay>/scripts/attach.sh\n\n# 2. Navigate\nbrowser(action=\"navigate\", profile=\"chrome\", targetUrl=\"https://target.com\")\n\n# 3. Automate\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)\nbrowser(action=\"act\", profile=\"chrome\", request={kind: \"click\", ref: \"...\"})"
      }
    ],
    "body": "OpenClaw Chrome Relay Helper - Mac\n\nAutomates attaching the OpenClaw Browser Relay Chrome extension to a live tab on macOS. Once attached, the browser(profile=\"chrome\") tool works — you can navigate, snapshot, click, and scrape using your real Chrome session.\n\nmacOS only. Requires Peekaboo (macOS UI automation CLI).\n\nQuickstart\nbash <skill-dir>/scripts/attach.sh\n\n\nOutputs one of:\n\nALREADY_ATTACHED — already connected, nothing to do\nATTACHED — freshly connected, ready to use\nFAILED: <reason> — check ~/.openclaw/media/relay-attach-fail.png for a debug screenshot\n\nThen navigate and automate:\n\nbrowser(action=\"navigate\", profile=\"chrome\", targetUrl=\"https://example.com\")\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)  # read page content\n\n\nTypical wall time: ~29s on a clean launch.\n\nPrerequisites\n1. Peekaboo (macOS UI automation CLI)\nbrew install steipete/tap/peekaboo\n\n\nPeekaboo reads Chrome's accessibility tree to find the extension icon by description — no pixel coordinates needed.\n\n2. Accessibility permission for node\n\nGo to System Settings → Privacy & Security → Accessibility and add your node binary. Without this, Peekaboo cannot send click events.\n\nFind your node path with: which node\n\n3. openclaw.json browser profile\n\nAdd this to your ~/.openclaw/openclaw.json:\n\n\"browser\": {\n  \"profiles\": {\n    \"chrome\": {\n      \"cdpUrl\": \"http://127.0.0.1:18792\",\n      \"driver\": \"extension\",\n      \"color\": \"#FF5A36\"\n    }\n  }\n}\n\n\nRestart the gateway after editing: openclaw gateway restart\n\n4. Extension loaded and pinned in Chrome\n\nThe OpenClaw Browser Relay extension must be loaded as an unpacked extension in Chrome. It's included with OpenClaw at:\n\n~/.openclaw/browser/chrome-extension\n\n\nLoad it via chrome://extensions → Developer mode ON → Load unpacked.\n\nThe extension must also be pinned to the toolbar. The script finds the icon via Chrome's accessibility tree, which only exposes toolbar-pinned extensions — not icons hidden inside the Extensions panel. To pin: click the puzzle-piece icon → click the pin icon next to \"OpenClaw Browser Relay\".\n\nHow it works\n\nThe script finds the extension icon using Chrome's accessibility tree — not pixel coordinates. The icon's description changes based on state:\n\nDetached: \"OpenClaw Browser Relay (click to attach/detach)\"\nAttached: \"OpenClaw Browser Relay: attached (click to detach)\"\n\nPeekaboo scans for a pop-up button element whose description starts with \"OpenClaw Browser Relay\", determines state, and clicks to attach if needed. Retries up to 8× (every 2s) to handle slow Chrome startup.\n\nWindow maximize is required before scanning — Chrome's toolbar icons are not visible in the accessibility tree on a small or default-sized window.\n\nWhat the script does (step by step)\nFast path — if Chrome is running and badge already shows \"attached\", exits immediately (~2s)\nKill any running Chrome instance\nPatch ~/Library/Application Support/Google/Chrome/Default/Preferences to suppress the \"Restore Pages?\" dialog on relaunch\nOpen Chrome to https://info.cern.ch/ — the world's first website, a 428-byte static HTML file with zero anti-bot tech, JS, cookies, or Cloudflare\nMaximize the window via Peekaboo (required for toolbar visibility)\nScan accessibility tree for the extension icon (retries up to 8×, 2s apart)\nClick the icon to attach\nVerify state changed to \"attached\" before returning\nKnown pitfalls\nApproach\tWhy it doesn't work\nHardcoded pixel coordinates\tBreaks at any screen size other than what they were measured on\nAppleScript keystroke with Ctrl+Shift\tModifier keys are silently dropped — only the bare key fires\nChrome extension keyboard shortcut\tThe extension manifest has no commands — shortcuts don't trigger attach\nVision model to locate icon\tNot reliable enough for toolbar UI at any resolution\nSkipping window maximize\tToolbar icons don't appear in the accessibility tree on a small window\nExtension not pinned to toolbar\tUnpinned extensions are hidden inside the Extensions panel — not visible in the accessibility tree\nWrong profile name or port in config\tbrowser(profile=\"chrome\") requires the profile named exactly chrome pointing to port 18792\nToken efficiency tips\n# ✅ Use snapshot for reading page content (~3k tokens)\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)\n\n# ❌ Avoid screenshot + vision for UI element detection\n# → Unreliable for toolbar/coordinate identification\n# → 10–50x more expensive than snapshot\n\nIntegration pattern\n\nAny skill that needs Chrome relay should call this first:\n\n# 1. Attach\nbash <path-to-chrome-relay>/scripts/attach.sh\n\n# 2. Navigate\nbrowser(action=\"navigate\", profile=\"chrome\", targetUrl=\"https://target.com\")\n\n# 3. Automate\nbrowser(action=\"snapshot\", profile=\"chrome\", compact=True)\nbrowser(action=\"act\", profile=\"chrome\", request={kind: \"click\", ref: \"...\"})"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/i-am-rad/chrome-extension-relay-helper-mac",
    "publisherUrl": "https://clawhub.ai/i-am-rad/chrome-extension-relay-helper-mac",
    "owner": "i-am-rad",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac",
    "downloadUrl": "https://openagent3.xyz/downloads/chrome-extension-relay-helper-mac",
    "agentUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/agent",
    "manifestUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/chrome-extension-relay-helper-mac/agent.md"
  }
}