grok-worker

Shell Escaping Note

When passing JavaScript to browser-eval.js, always use double quotes for the outer shell argument and single quotes inside the JavaScript. Example: browser-eval.js "document.querySelector('.class')?.innerText"

Grok Worker

Send a prompt to Grok via browser and return the response.

Environment

• URL: https://grok.com
• Browser: Chrome on localhost:9222 (managed by local-browser-tools)
• Login: Required — session persisted in ~/.cache/browser-tools profile
• Tools: browser-start.js, browser-nav.js, browser-eval.js, browser-screenshot.js

---

Input

prompt: string        # The text to send to Grok
task_type: string     # qa | summary | translation | rewrite | extraction | comparison | brainstorming | analysis

---

Output

Always output this JSON block first:

{
  "site": "grok",
  "task_type": "<task_type>",
  "status": "success | partial | error",
  "answer": "<extracted response text>",
  "retry_count": 0,
  "elapsed_ms": 0,
  "error_reason": null
}

Then follow with a short human-readable summary (2–3 sentences max).

---

Workflow

Step 1 — Start browser

node ~/.pi/agent/skills/local-browser-tools/browser-start.js

Expected: ✓ Chrome already running on :9222 or ✓ Chrome started on :9222

If fails: return error status, stop.

---

Step 2 — Navigate to Grok

node ~/.pi/agent/skills/local-browser-tools/browser-nav.js https://grok.com

Take a screenshot and verify:

• Input box is visible
• User avatar or username is visible in the top-right (confirms login)

If login page appears with no input box: return error_reason: "login_required", stop.

---

Step 3 — Locate input box

Grok uses a div[contenteditable] with role="textbox" and aria-label="Ask Grok anything".

Check:

!!document.querySelector('[aria-label="Ask Grok anything"]')

Fallback selectors in order:

1. [aria-label="Ask Grok anything"]
2. [contenteditable="true"][role="textbox"]
3. div[contenteditable]