Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
different-ai avatar

Browser Automation

  • 97 installs
  • 530 repo stars
  • Updated May 15, 2026
  • different-ai/opencode-browser

Automates browsing through explicit Chrome DevTools Protocol endpoints, using snapshot UIDs for clicks and fills and confirming state after each action.

About

Provides a composable CDP-backed browser workflow that lists targets, snapshots the page, and acts by UID with explicit browser_url values. An agent uses it for reliable browser automation with CLI-first debugging.

  • Explicit browser_url and snapshot UIDs, no hidden browser singleton
  • CLI commands to list tools and run one directly for debugging

Browser Automation by the numbers

  • 97 all-time installs (skills.sh)
  • Ranked #823 of 2,715 Automation & Workflows skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/different-ai/opencode-browser --skill browser-automation

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs97
repo stars530
Last updatedMay 15, 2026
Repositorydifferent-ai/opencode-browser

What it does

Automates browsing through explicit Chrome DevTools Protocol endpoints, using snapshot UIDs for clicks and fills and confirming state after each action.

Files

SKILL.mdMarkdownGitHub ↗

What I do

  • Provide a safe, composable workflow for CDP-backed browsing tasks
  • Use explicit browser_url values; do not assume a hidden browser singleton
  • Use browser_snapshot UIDs for click and fill actions
  • Confirm state changes after each action with browser_snapshot or browser_eval

Best-practice workflow

1. Inspect targets with browser_list({ browser_url }) 2. Pick a target_id, or omit it to use the first page target 3. Navigate with browser_navigate if needed 4. Discover candidates using browser_snapshot 5. Click or fill using a UID from the latest snapshot 6. Confirm using browser_snapshot or browser_eval

CLI-first debugging

  • List all available tools: npx @different-ai/opencode-browser tools
  • Run one tool directly: npx @different-ai/opencode-browser tool browser_list --args '{"browser_url":"http://127.0.0.1:9222"}'
  • Set a default endpoint: OPENCODE_BROWSER_URL=http://127.0.0.1:9222 npx @different-ai/opencode-browser status

This path is useful for reproducing CDP endpoint or snapshot issues quickly before running a full OpenCode session.

Available tools

  • browser_list
  • browser_navigate
  • browser_snapshot
  • browser_click
  • browser_fill
  • browser_eval
  • browser_screenshot

Troubleshooting

  • If browser_list fails, verify the browser was started with --remote-debugging-port
  • If browser_click or browser_fill cannot find a UID, refresh the snapshot first
  • Use browser_eval for page-specific checks that are not visible in the accessibility tree
  • Confirm results after each action

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.