pinchtab
Browser Automation with PinchTab
PinchTab gives agents a browser they can drive through stable accessibility refs, low-token text extraction, and persistent profiles or instances. Treat it as a CLI-first browser skill; use the HTTP API only when the CLI is unavailable or you need profile-management routes that do not exist in the CLI yet.
Preferred tool surface:
- Use
pinchtabCLI commands first. - Use
curlfor profile-management routes or non-shell/API fallback flows. - Use
jqonly when you need structured parsing from JSON responses.
Agent Identity And Attribution
When multiple agents share one PinchTab server, always give each agent a stable ID.
- CLI flows: prefer
pinchtab --agent-id <agent-id> ... - long-running shells: set
PINCHTAB_AGENT_ID=<agent-id> - raw HTTP flows: send
X-Agent-Id: <agent-id>on requests that should be attributed to that agent
That identity is recorded as agentId in activity events and powers:
- scheduler task attribution when work is dispatched on behalf of an agent
If you are switching between unrelated browser tasks, do not reuse the same agent ID unless you intentionally want one combined activity trail.
Safety Defaults
- Default to
http://localhosttargets. Only use a remote PinchTab server when the user explicitly provides it and, if needed, a token. - Prefer read-only operations first:
text,snap -i -c,snap -d,find,click,fill,type,press,select,hover,scroll. - Do not evaluate arbitrary JavaScript unless a simpler PinchTab command cannot answer the question.
- Do not upload local files unless the user explicitly names the file to upload and the destination flow requires it.
- Do not save screenshots, PDFs, or downloads to arbitrary paths. Use a user-specified path or a safe temporary/workspace path.
- Never use PinchTab to inspect unrelated local files, browser secrets, stored credentials, or system configuration outside the task.
Core Workflow
Every PinchTab automation follows this pattern:
- Ensure the correct server, profile, or instance is available for the task.
- Navigate with
pinchtab nav <url>orpinchtab instance navigate <instance-id> <url>. - Observe with
pinchtab snap -i -c,pinchtab snap --text, orpinchtab text, then collect the current refs such ase5. - Interact with those fresh refs using
click,fill,type,press,select,hover, orscroll. - Re-snapshot or re-read text after any navigation, submit, modal open, accordion expand, or other DOM-changing action.
Rules:
- Never act on stale refs after the page changes.
- Default to
pinchtab textwhen you need content, not layout. - Default to
pinchtab snap -i -cwhen you need actionable elements. - Use screenshots only for visual verification, UI diffs, or debugging.
- Start multi-site or parallel work by choosing the right instance or profile first.
Selectors
PinchTab uses a unified selector system. Any command that targets an element accepts these formats:
| Selector | Example | Resolves via |
|---|---|---|
| Ref | e5 |
Snapshot cache (fastest) |
| CSS | #login, .btn, [data-testid="x"] |
document.querySelector |
| XPath | xpath://button[@id="submit"] |
CDP search |
| Text | text:Sign In |
Visible text match |
| Semantic | find:login button |
Natural language query via /find |
Auto-detection: bare e5 → ref, #id / .class / [attr] → CSS, //path → XPath. Use explicit prefixes (css:, xpath:, text:, find:) when auto-detection is ambiguous.
pinchtab click e5 # ref
pinchtab click "#submit" # CSS (auto-detected)
pinchtab click "text:Sign In" # text match
pinchtab click "xpath://button[@type]" # XPath
pinchtab fill "#email" "user@test.com" # CSS
pinchtab fill e3 "user@test.com" # ref
The same syntax works in the HTTP API via the selector field:
{"kind": "click", "selector": "text:Sign In"}
{"kind": "fill", "selector": "#email", "text": "user@test.com"}
{"kind": "click", "selector": "e5"}
Legacy ref field is still accepted for backward compatibility.
Command Chaining
Use && only when you do not need to inspect intermediate output before deciding the next step.
Good:
pinchtab nav https://pinchtab.com && pinchtab snap -i -c
pinchtab click --wait-nav e5 && pinchtab snap -i -c
pinchtab nav https://pinchtab.com --block-images && pinchtab text
Run commands separately when you must read the snapshot output first:
pinchtab nav https://pinchtab.com
pinchtab snap -i -c
# Read refs, choose the correct e#
pinchtab click e7
pinchtab snap -i -c
Challenge Solving
If a page shows a challenge instead of content (e.g., "Just a moment..."), call POST /solve with {"maxAttempts": 3} to auto-detect and resolve it. Use POST /tabs/TAB_ID/solve for tab-scoped. Works best with stealthLevel: "full" in config. Safe to call speculatively — returns immediately if no challenge is present. See api.md for full solver options.
Handling Authentication and State
Pick a pattern before interacting with the site:
- One-off browsing:
pinchtab instance start→ use--server http://localhost:<port>for commands. - Reuse a profile:
pinchtab instance start --profile work --mode headed→ switch to--mode headlessafter login is stored. - Create profile via HTTP:
POST /profileswith{"name":"..."}, thenPOST /profiles/<name>/start. - Human-assisted login: Start headed, human signs in, agent reuses the profile headless.
- HTTP-only agent: Use
POST /instances/start, then target the instance port with curl. SendX-Agent-Idfor attribution.
If the server is exposed beyond localhost, require a token. See TRUST.md.
Agent sessions: Each agent can get its own revocable session token via pinchtab session create --agent-id <id> or POST /sessions. Set PINCHTAB_SESSION=ses_... or send Authorization: Session ses_.... Sessions have idle timeout (default 30m) and max lifetime (default 24h).
Essential Commands
Server and targeting
pinchtab server # Start server foreground
pinchtab daemon install # Install as system service
pinchtab health # Check server status
pinchtab instances # List running instances
pinchtab profiles # List available profiles
pinchtab --server http://localhost:9868 snap -i -c # Target specific instance
Navigation and tabs
pinchtab nav <url>
pinchtab nav <url> --new-tab
pinchtab nav <url> --tab <tab-id>
pinchtab nav <url> --block-images
pinchtab nav <url> --block-ads
pinchtab back # Navigate back in history
pinchtab forward # Navigate forward
pinchtab reload # Reload current page
pinchtab tab # List tabs or focus by ID
pinchtab tab new <url>
pinchtab tab close <tab-id>
pinchtab instance navigate <instance-id> <url>
Observation
pinchtab snap
pinchtab snap -i # Interactive elements only
pinchtab snap -i -c # Interactive + compact
pinchtab snap -d # Diff from previous snapshot
pinchtab snap --selector <css> # Scope to CSS selector
pinchtab snap --max-tokens <n> # Token budget limit
pinchtab snap --text # Text output format
pinchtab text # Page text content
pinchtab text --raw # Raw text extraction
pinchtab find <query> # Semantic element search
pinchtab find --ref-only <query> # Return refs only
Guidance:
snap -i -cis the default for finding actionable refs.snap -dis the default follow-up snapshot for multi-step flows.textis the default for reading articles, dashboards, reports, or confirmation messages.find --ref-onlyis useful when the page is large and you already know the semantic target.- Refs from
snap -iand fullsnapuse different numbering. Do not mix them — if you snapshot with-i, use those refs. If you re-snapshot without-i, get fresh refs before acting.
Interaction
All interaction commands accept unified selectors (refs, CSS, XPath, text, semantic). See the Selectors section above.
pinchtab click <selector> # Click element
pinchtab click --wait-nav <selector> # Click and wait for navigation
pinchtab click --x 100 --y 200 # Click by coordinates
pinchtab dblclick <selector> # Double-click element
pinchtab type <selector> <text> # Type with keystrokes
pinchtab fill <selector> <text> # Set value directly
pinchtab press <key> # Press key (Enter, Tab, Escape...)
pinchtab hover <selector> # Hover element
pinchtab select <selector> <value> # Select dropdown option
pinchtab scroll <selector|pixels> # Scroll element or page
Rules:
- Prefer
fillfor deterministic form entry. - Prefer
typeonly when the site depends on keystroke events. - Prefer
click --wait-navwhen a click is expected to navigate. - Re-snapshot immediately after
click,press Enter,select, orscrollif the UI can change. - To discover valid dropdown values, snapshot with
filter=interactivefirst — the output shows<option>elements with theirvalueattributes. Then useselectwith the exact value.
Export, debug, and verification
pinchtab screenshot
pinchtab screenshot -o /tmp/pinchtab-page.png # Format driven by extension
pinchtab screenshot -q 60 # JPEG quality
pinchtab pdf
pinchtab pdf -o /tmp/pinchtab-report.pdf
pinchtab pdf --landscape
Advanced operations: explicit opt-in only
Use these only when the task explicitly requires them and safer commands are insufficient.
pinchtab eval "document.title"
pinchtab download <url> -o /tmp/pinchtab-download.bin
pinchtab upload /absolute/path/provided-by-user.ext -s <css>
Rules:
evalis for narrow, read-only DOM inspection unless the user explicitly asks for a page mutation.downloadshould prefer a safe temporary or workspace path over an arbitrary filesystem location.uploadrequires a file path the user explicitly provided or clearly approved for the task.
HTTP API fallback
curl -X POST http://localhost:9868/navigate \
-H "Content-Type: application/json" \
-d '{"url":"https://example.com"}'
curl "http://localhost:9868/snapshot?filter=interactive&format=compact"
curl -X POST http://localhost:9868/action \
-H "Content-Type: application/json" \
-d '{"kind":"fill","selector":"e3","text":"ada@example.com"}'
curl http://localhost:9868/text
## Instance-scoped solve (instance port, not server port)
curl -X POST http://localhost:9868/solve \
-H "Content-Type: application/json" \
-d '{"maxAttempts": 3}'
curl http://localhost:9868/solvers
Use the API when:
- the agent cannot shell out,
- profile creation or mutation is required,
- or you need explicit instance- and tab-scoped routes.
Tab-scoped HTTP API
Important: Each POST /navigate creates a new tab by default. The default (non-tab-scoped) endpoints like /snapshot, /action, /text operate on the active tab, which may not be the one you just navigated. In multi-tab workflows, always use tab-scoped routes to avoid acting on the wrong page.
Get the tab ID from the navigate response or from GET /tabs.
# List all tabs
curl http://localhost:9867/tabs \
-H "Authorization: Bearer <token>"
# Navigate in a specific tab (does not create a new tab)
curl -X POST http://localhost:9867/tabs/TAB_ID/navigate \
-H "Authorization: Bearer <token>" \
-H "Content-Type: application/json" \
-d '{"url":"https://example.com"}'
# Snapshot a specific tab
curl "http://localhost:9867/tabs/TAB_ID/snapshot?filter=interactive&format=compact" \
-H "Authorization: Bearer <token>"
# Get text from a specific tab
curl http://localhost:9867/tabs/TAB_ID/text \
-H "Authorization: Bearer <token>"
# Perform action on a specific tab
curl -X POST http://localhost:9867/tabs/TAB_ID/action \
-H "Authorization: Bearer <token>" \
-H "Content-Type: application/json" \
-d '{"kind":"click","selector":"#submit-btn"}'
# Navigate back/forward in a specific tab
curl -X POST http://localhost:9867/tabs/TAB_ID/back \
-H "Authorization: Bearer <token>"
curl -X POST http://localhost:9867/tabs/TAB_ID/forward \
-H "Authorization: Bearer <token>"
# Screenshot (GET, not POST)
curl http://localhost:9867/tabs/TAB_ID/screenshot \
-H "Authorization: Bearer <token>" \
--output screenshot.png
# PDF export (GET or POST)
curl http://localhost:9867/tabs/TAB_ID/pdf \
-H "Authorization: Bearer <token>" \
--output page.pdf
# Close a tab
curl -X POST http://localhost:9867/tabs/TAB_ID/close \
-H "Authorization: Bearer <token>"
The default (non-tab-scoped) endpoints also support screenshots and PDF:
# Screenshot of active tab (GET)
curl http://localhost:9867/screenshot \
-H "Authorization: Bearer <token>" \
--output screenshot.png
# PDF of active tab (GET or POST)
curl http://localhost:9867/pdf \
-H "Authorization: Bearer <token>" \
--output page.pdf
Navigation with waitNav: When clicking a link or button that triggers page navigation, include "waitNav": true in the action body. Without it, PinchTab returns a navigation_changed error to protect against unexpected navigation during form interactions.
{"kind": "click", "selector": "#search-btn", "waitNav": true}
All tab-scoped routes follow the pattern /tabs/{TAB_ID}/... and mirror the default endpoints. The full list includes: navigate, back, forward, reload, snapshot, screenshot, text, pdf, action, actions, dialog, wait, find, lock, unlock, cookies, metrics, network, solve, close, storage, evaluate, download, upload.
Common Patterns
Open a page and inspect actions
pinchtab nav https://pinchtab.com && pinchtab snap -i -c
Fill and submit a form
pinchtab nav https://example.com/login
pinchtab snap -i -c
pinchtab fill e3 "user@example.com"
pinchtab fill e4 "correct horse battery staple"
pinchtab click --wait-nav e5
pinchtab text
Search, then extract the result page cheaply
pinchtab nav https://example.com/search
pinchtab snap -i -c
pinchtab fill e2 "quarterly report"
pinchtab click e3 # Click the Search button
pinchtab text
Form submission: Always click the submit button — never use press Enter. Most HTML forms only fire their submission handler on button click, not on Enter keypress.
Use diff snapshots in a multi-step flow
pinchtab nav https://example.com/checkout
pinchtab snap -i -c
pinchtab click e8
pinchtab snap -d -i -c
Target elements without a snapshot
When you know the page structure, skip the snapshot and use CSS or text selectors directly:
pinchtab click "text:Accept Cookies"
pinchtab fill "#search" "quarterly report"
pinchtab click "xpath://button[@type='submit']"
Security and Token Economy
- Use a dedicated automation profile, not a daily browsing profile.
- If PinchTab is reachable off-machine, require a token and bind conservatively.
- Prefer
text,snap -i -c, andsnap -dbefore screenshots, PDFs, eval, downloads, or uploads. - Use
--block-imagesfor read-heavy tasks that do not need visual assets. - Stop or isolate instances when switching between unrelated accounts or environments.
Diffing and Verification
- Use
pinchtab snap -dafter each state-changing action in long workflows. - Use
pinchtab textto confirm success messages, table updates, or navigation outcomes. - Use
pinchtab screenshotonly when visual regressions, CAPTCHA, or layout-specific confirmation matters. - If a ref disappears after a change, treat that as expected and fetch fresh refs instead of retrying the stale one.
References
- Full API: api.md
- Minimal env vars: env.md
- Agent optimization: agent-optimization.md
- Profiles: profiles.md
- MCP: mcp.md
- Security model: TRUST.md
More from mxyhi/ok-skills
planning-with-files
Implements Manus-style file-based planning to organize and track progress on complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when asked to plan out, break down, or organize a multi-step project, research task, or any work requiring 5+ tool calls. Supports automatic session recovery after /clear.
57dogfood
Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to "dogfood", "QA", "exploratory test", "find issues", "bug hunt", "test this app/site/platform", or review the quality of a web application. Produces a structured report with full reproduction evidence -- step-by-step screenshots, repro videos, and detailed repro steps for every issue -- so findings can be handed directly to the responsible teams.
50exa-search
Use Exa for web/code/company research (web_search_exa / get_code_context_exa / company_research_exa), with parameters and examples; trigger when online search or parameter checks are needed.
49get-api-docs
>
44find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
42gh-fix-ci
Use when a user asks to debug or fix failing GitHub PR checks that run in GitHub Actions; use `gh` to inspect checks and logs, summarize failure context, draft a fix plan, and implement only after explicit approval. Treat external providers (for example Buildkite) as out of scope and report only the details URL.
42