Gemini Browser Skill

Query Google Gemini (gemini.google.com) via OpenClaw Browser Relay and extract responses.

> ⚠️ Security Notice: This skill operates on your real Chrome browser with

> your logged-in Google session via CDP (Chrome DevTools Protocol). The agent will

> have access to anything visible in the attached tab. Only attach tabs you

> explicitly intend for the agent to control. See Security Considerations.

Prerequisites

OpenClaw installed and running (this skill uses OpenClaw's browser command)
OpenClaw Browser Relay Chrome extension installed and configured
Extension binds to loopback 127.0.0.1:18792 by default
Gateway auth token must be configured in extension options
Google account logged in within Chrome (Gemini requires authentication)
Use profile=chrome to relay through your existing Chrome (not the isolated profile=openclaw-managed)

Quick Start

# 1. Open Gemini in Chrome
open -a "Google Chrome" "https://gemini.google.com"

# 2. Manually click the Browser Relay extension icon on the Gemini tab to attach
#    (the badge will show "ON" when attached)

# 3. Verify relay is connected
browser action=status profile=chrome
# Should show cdpReady: true

# 4. List tabs
browser action=tabs profile=chrome
# Note the targetId for the Gemini tab

Input Method

Gemini uses a Quill rich-text editor (contenteditable div), not a standard </code>. You must inject text via JavaScript:</p><pre><code>browser action=act profile=chrome targetId=<id> request={ "kind": "evaluate", "fn": "(() => { const editor = document.querySelector('div.ql-editor[contenteditable=\"true\"]'); if (!editor) return 'editor not found'; editor.focus(); editor.innerHTML = '<p>YOUR_QUERY_HERE</p>'; editor.dispatchEvent(new Event('input', { bubbles: true })); return 'ok'; })()" } </code></pre><p>Then submit:</p><pre><code>browser action=act profile=chrome targetId=<id> request={"kind":"press","key":"Enter"} </code></pre><h2>Complete Workflow</h2><h3>1. Prepare</h3><p>Open Gemini in Chrome and <strong>manually attach</strong> the Browser Relay extension to the tab.</p><pre><code>open -a "Google Chrome" "https://gemini.google.com" # Then click the Browser Relay extension icon on the Gemini tab </code></pre><h3>2. Get Tab ID</h3><pre><code>browser action=tabs profile=chrome </code></pre><p>Find the Gemini tab entry and note its <code>targetId</code>.</p><h3>3. Input Query</h3><pre><code>browser action=act profile=chrome targetId=<id> request={ "kind": "evaluate", "fn": "(() => { const editor = document.querySelector('div.ql-editor[contenteditable=\"true\"]'); if (!editor) return 'editor not found'; editor.focus(); editor.innerHTML = '<p>What is quantum computing?</p>'; editor.dispatchEvent(new Event('input', { bubbles: true })); return 'ok'; })()" } </code></pre><h3>4. Submit</h3><pre><code>browser action=act profile=chrome targetId=<id> request={"kind":"press","key":"Enter"} </code></pre><h3>5. Wait for Response</h3><p>Gemini may take 10–60 seconds. Poll for completion by checking if the stop button has disappeared:</p><pre><code>browser action=act profile=chrome targetId=<id> request={ "kind": "evaluate", "fn": "(() => { const stop = document.querySelector('button[aria-label*=\"Stop\"]'); return stop ? 'generating' : 'done'; })()" } </code></pre><h3>6. Extract Response</h3><p><strong>Option A — Clipboard (recommended, preserves Markdown formatting):</strong></p><pre><code># Take a snapshot and find the Copy button browser action=snapshot profile=chrome targetId=<id> # Click the Copy button by its ref from the snapshot browser action=act profile=chrome targetId=<id> request={"kind":"click","ref":"<copy_button_ref>"} # Read from clipboard pbpaste </code></pre><p><strong>Option B — DOM extraction (fallback):</strong></p><pre><code>browser action=act profile=chrome targetId=<id> request={ "kind": "evaluate", "fn": "(() => { const msgs = document.querySelectorAll('.model-response-text'); if (msgs.length === 0) return 'no response found'; return msgs[msgs.length - 1].innerText; })()" } </code></pre><h2>New Chat</h2><p>For unrelated queries, start a fresh chat to avoid context pollution:</p><pre><code>browser action=navigate profile=chrome targetId=<id> targetUrl="https://gemini.google.com" </code></pre><h2>Response Completion Signals</h2><p>The response is complete when:</p><ul><li>The <strong>stop button</strong> disappears</li><li>A <strong>copy button</strong> appears below the response</li><li><strong>Suggested follow-up chips</strong> appear</li></ul><h2>Security Considerations</h2><p>> <strong>⚠️ Important</strong>: Understand these risks before using this skill.</p><ol><li><strong>Session access</strong>: <code>profile=chrome</code> uses your real Chrome with all logged-in sessions. The agent can see and interact with anything in the attached tab, including your Google account context.</li><li><strong>JavaScript evaluation</strong>: The <code>evaluate</code> action runs arbitrary JavaScript in the page context. This skill limits it to DOM manipulation for the input field, but the mechanism itself is powerful.</li><li><strong>Manual attachment required</strong>: The Browser Relay extension must be <strong>manually clicked</strong> by you to attach — the agent cannot auto-attach to arbitrary tabs. Only attach the specific Gemini tab.</li><li><strong>Loopback only</strong>: The relay binds to <code>127.0.0.1</code> and requires an auth token, preventing remote access.</li><li><strong>Recommendation</strong>: Use a <strong>separate Chrome profile</strong> dedicated to AI automation, logged into a non-primary Google account, to limit exposure.</li></ol><h2>Troubleshooting</h2><table><thead><tr><th>Problem</th><th>Solution</th></tr></thead><tbody><tr><td>---------</td><td>----------</td></tr><tr><td><code>cdpReady: false</code></td><td>Click the Browser Relay extension icon on the Gemini tab to re-attach</td></tr><tr><td>Tab not found</td><td>Run <code>browser action=tabs profile=chrome</code> to refresh tab list</td></tr><tr><td>Editor not found</td><td>Page may not be fully loaded; wait and retry. Gemini may have changed DOM — check for <code>div.ql-editor</code></td></tr><tr><td>Copy button not found</td><td>Response may still be generating; poll stop button status first</td></tr><tr><td>Login wall</td><td>Ensure Chrome is logged into a Google account</td></tr><tr><td>Context overflow</td><td>Navigate to <code>gemini.google.com</code> for a fresh chat</td></tr></tbody></table></div> </div> </div> <div id="tab-versions" class="detail-content"> <div class="detail-section"> <h2>版本历史</h2> <p style="margin-bottom:12px;font-size:14px;color:#94a3b8;">共 1 个版本</p> <ul class="version-list"> <li> <div> <span class="version-tag">v1.0.0</span> <span style="font-size:11px;color:#5b6abf;margin-left:8px;background:#eef0ff;padding:1px 8px;border-radius:10px;">当前</span> </div> <div style="font-size:12px;color:#94a3b8;"> 2026-03-20 03:17 安全安全 </div> </li> </ul> </div> </div> <div id="tab-security" class="detail-content"> <div class="detail-section"> <h2>安全检测</h2> <div class="sec-grid"> <div class="sec-card"> <h4>腾讯云安全 (Keen)</h4> <div class="sec-status sec-safe"> 安全，无风险 </div> <a href="https://tix.qq.com/search/skill?keyword=b70df4eeeb2a36e16292085836d11696" target="_blank">查看报告</a> </div> <div class="sec-card"> <h4>腾讯云安全 (Sanbu)</h4> <div class="sec-status sec-safe"> 安全，无风险 </div> <a href="https://static.cloudsec.tencent.com/html-report-v2/2026/05/25/413998_aade78c739a6af66f295376536c51d32.html?q-sign-algorithm=sha1&q-ak=AKID8JMG1bzBC1dz96qNhssfFftujT1NCoFi&q-sign-time=1781302939%3B1812838939&q-key-time=1781302939%3B1812838939&q-header-list=host&q-url-param-list=&q-signature=552408f930a63c24a068c2ce33246effba6ee4ee" target="_blank">查看报告</a> </div> </div> </div> </div>  <div style="margin-top:24px;"> <h2 style="font-size:18px;font-weight:600;margin-bottom:16px;">🔗 相关推荐</h2> <div class="rec-grid"> <div class="rec-card"> <span class="badge-cat" style="margin-bottom:8px;display:inline-block;">ai-intelligence</span> <h3><a href="/s/proactive-agent">Proactive Agent</a></h3> <div class="rec-owner">halthelobster</div> <div class="rec-desc">将AI智能体从任务执行者升级为主动预判需求、持续优化的智能伙伴。集成WAL协议、工作缓冲区、自主定时任务及实战验证模式。Hal Stack核心组件 🦞</div> <div class="rec-stats"> <span style="color:#f39c12;">★ 836</span> <span style="color:#5b6abf;">📥 213,138</span> </div> </div> <div class="rec-card"> <span class="badge-cat" style="margin-bottom:8px;display:inline-block;">ai-intelligence</span> <h3><a href="/s/self-improving">Self-Improving + Proactive Agent</a></h3> <div class="rec-owner">ivangdavila</div> <div class="rec-desc">自我反思+自我批评+自我学习+自组织记忆。智能体评估自身工作、发现错误并持续改进。</div> <div class="rec-stats"> <span style="color:#f39c12;">★ 1,358</span> <span style="color:#5b6abf;">📥 318,376</span> </div> </div> <div class="rec-card"> <span class="badge-cat" style="margin-bottom:8px;display:inline-block;">ai-intelligence</span> <h3><a href="/s/ontology">ontology</a></h3> <div class="rec-owner">oswalpalash</div> <div class="rec-desc">类型化知识图谱，用于结构化智能体记忆与可组合技能。支持创建/查询实体（人员、项目、任务、事件、文档）及关联...</div> <div class="rec-stats"> <span style="color:#f39c12;">★ 712</span> <span style="color:#5b6abf;">📥 243,836</span> </div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded',function(){ document.querySelectorAll('.detail-tab').forEach(function(btn){ btn.addEventListener('click',function(e){ var tab = this.getAttribute('data-tab'); document.querySelectorAll('.detail-tab').forEach(function(b){b.classList.remove('active')}); document.querySelectorAll('.detail-content').forEach(function(c){c.classList.remove('active')}); this.classList.add('active'); var el = document.getElementById('tab-'+tab); if(el) el.classList.add('active'); }); }); }); </script> <div class="footer"> <p>Skill工具集 © 2026</p> </div></body> </html>

Gemini Browser

概述

Gemini Browser Skill

Prerequisites

Quick Start

Input Method