Skip to content
cccskills
FreePublished on GitHub

browser-use

Operate Chrome from Qwen Code to navigate pages, click controls, fill forms, and capture screenshots. It can work with existing tabs or new ones, using page structure and visual controls to carry out browser tasks.

OriginalShow the original description

Control the user's Chrome through the existing persistent Node REPL and the Qwen Browser SDK.

Works withPlaywright
See how to install

Good for

  • Navigating and clicking through pages in Chrome
  • Filling in web forms
  • Continuing work in an existing browser tab
  • Capturing screenshots and checking page behavior

Files included (2)

  • SKILL.md6.8 KB
  • skill.test.ts4.9 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Browser Use

Browser Use is bundled with Qwen Code and uses the generic Node REPL MCP tools and the Qwen Chrome extension. Do not install a separate Qwen extension or start a separate Browser Use MCP server.

Setup

Install and enable the Qwen Code Chrome extension in the profile the user wants to use. On macOS and Linux, first use of this SDK automatically registers the shared Native Messaging host in the user's installation directory. Windows is not supported: no Native Messaging host is ever registered there, so the extension has nothing to connect back to. Calls that start a browser session fail with BROWSER_DISCONNECTED, and browsers.list() waits out the connect budget and returns an empty list: on Windows an empty list means the platform is unsupported, not that no profile exists. If the user is on Windows, tell them Browser Use needs macOS or Linux and stop. Do not retry, and do not send them to the Chrome Web Store or to chrome://extensions; neither can fix this. A browser task opts into this local setup, which can finish before the extension connects. The SDK checks the actual connection and protocol instead of reading Chrome's extension preferences.

If the extension does not connect on macOS or Linux, ask the user to open Chrome and check the extension in the intended profile. It installs from the Chrome Web Store: https://chromewebstore.google.com/detail/qwen-code/hdhmmjclhibojdddmancfgbkleahfaph

If the store reports it is not available in the user's region, they can build it from packages/chrome-extension in the Qwen Code repository (its README) and load dist/extension through chrome://extensions (Developer mode → Load unpacked). After installation or enabling it, retry the connection.

A usable Host of the same protocol is reused. A Host installed by a newer Qwen Code is never downgraded: if setup reports one, tell the user to update Qwen Code and stop. The Host files persist after Qwen exits. The user can inspect or remove them with node <skill-base>/runtime/scripts/native-host-setup.js status or uninstall; install explicitly switches the Host to this Qwen Code's copy from the next time Chrome starts it. A later Browser Use initialization can register the Host again. If required Host files cannot be read or written, report the failing action and path so the user can resolve access and retry.

Multiple Qwen sessions can use the same profile, each controlling its own tabs. A tab held by another session reports TAB_OWNERSHIP_CONFLICT. Use another tab or wait for that session to release it. The setup below binds the runtime to the default profile through browserAgent.browsers.get('chrome'). Only when the user names a specific Chrome profile, call browserAgent.browsers.list() before that line and pass the returned ID to browserAgent.browsers.get(id) instead. The runtime stays bound to the first profile it connects to; to switch profiles, call node_repl_reset and run the setup again.

If node_repl is unavailable, configure it with:

qwen mcp add --scope user node-repl npx -y @qwen-code/node-repl-mcp@0.1.7

Then tell the user to restart Qwen Code and stop. Do not start a separate Browser Use MCP server. Screenshot metadata requires @qwen-code/node-repl-mcp 0.1.7 or later, so keep this exact pin.

Qwen reports the absolute Base directory for this skill when loading this file. Use that directory as <skill-base>. The bundled SDK ships with its dependencies: import it directly, without installing packages or registering module directories, replacing the example skill base below with that absolute path. If the import reports a missing file or an incomplete runtime, stop and report an incomplete Browser Use runtime instead of installing dependencies into the workspace:

globalThis.browserAgent ??= await (
  await import('/absolute/skill/base/runtime/index.js')
).setupBrowserRuntime();
globalThis.browser ??= await browserAgent.browsers.get('chrome');
nodeRepl.write(await browser.documentation());

Create a tab or claim an exact result returned by openTabs():

globalThis.tab = await browser.tabs.new();
await tab.goto('https://example.com/');
nodeRepl.write(await tab.playwright.domSnapshot());
const candidates = await browser.user.openTabs();
nodeRepl.write(candidates);
globalThis.tab = await browser.user.claimTab(
  candidates.find((candidate) => candidate.url === 'https://example.com/'),
);

Interaction

Observe before acting and observe again after acting. Prefer semantic Playwright locators. Use tab.dom_cua.get_visible_dom() and its node_id values when snapshot refs are clearer, and use tab.cua for visual coordinate targets.

await tab.playwright.getByRole('button', { name: 'Continue' }).click();
await tab.playwright.getByLabel('Email').type('user@example.com');
await tab.dom_cua.click({ node_id: 'e4' });
await tab.dom_cua.type({ text: 'hello' });

When an action should navigate, arm the Playwright watcher around it:

await tab.playwright.expectNavigation(
  () => tab.playwright.getByRole('link', { name: 'Next' }).click(),
  { url: '**/next.html' },
);

Render screenshots with their metadata:

await nodeRepl.emitImage(await tab.screenshot());

The metadata reaches the model only through @qwen-code/node-repl-mcp 0.1.6 or later; an older server accepts the call and silently drops it. If node_repl was registered before this skill existed, check its command with qwen mcp list, and when it pins an older version, re-register it with the qwen mcp add command from Setup above and ask the user to restart Qwen Code.

Use tab.dev.logs() for bounded console diagnostics. Arm tab.playwright.waitForEvent('download' | 'filechooser') before the action that triggers it. Handle JavaScript dialogs through tab.getJsDialog(). Use a focused tab.playwright.evaluate() only when locators cannot obtain the needed data.

Use browser.user.history() only when the task needs browser history, with a focused query and bounded result count.

Finish

Treat browser.tabs.finalize({ keep }) as the final browser action of the turn. Omitted agent-created tabs close; omitted claimed tabs are released without closing. keep is the complete set for this call. Keep a user-facing result as deliverable, and keep a live page under control as handoff. Repeat a handoff in each later turn that still needs it; omitting it from the next finalize call or closing the runtime closes an agent-created tab.

await browser.tabs.finalize({
  keep: [{ tab, status: 'deliverable' }],
});

The Node kernel preserves globalThis and top-level bindings across cells. Keep cells short, await every Browser SDK promise, and use nodeRepl.write() to return text or structured data.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

agent-delegation

FreeSummary

Write clear briefs for subagents and conversation forks, agents that inherit conversation history. Specify purpose, known findings, scope, and expected output while respecting each agent's existing role and separating research requests from implementation.

  • Writing a focused research brief for a subagent
  • Specifying files and constraints for implementation
  • Defining scope for an agent inheriting conversation history
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

Compare a feature implemented in Qwen Code with Codex or Claude Code under the same scenario. Capture communication and terminal records, inspect tool definitions and outputs, and guide fixes toward matching observable behavior.

  • Checking a reproduced feature against its reference agent
  • Comparing tool definitions and required arguments
  • Investigating differences in terminal output
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

Reproduce a Codex or Claude Code feature in Qwen Code or another command-line agent. Capture requests, terminal output, and state changes, then use that evidence to implement focused behavior and add a verification path.

  • Reproduce an existing agent's slash command
  • Inspect request formats and tool definitions
  • Compare terminal output and saved state
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

autofix

FreeSummary

Review local uncommitted changes, verify findings, and repeat focused repairs until the review converges or a blocker remains. Also supports Qwen Code issue fixes and review responses within workflows run through GitHub Actions.

  • Review and repair local uncommitted changes
  • Develop a focused fix for a selected issue
  • Verify and address pull request feedback
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

batch

FreeSummary

Apply the same operation across multiple files using parallel worker agents. The skill finds matching files, divides the work, and reports successes, failures, and skipped files, with a preview option before edits.

  • Add license headers across source files
  • Convert JavaScript files to TypeScript
  • Fix the same lint issue in multiple files
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

batch-api

FreeSummary

Prepare shared instructions for translating, rewriting, or extracting information from many independent files, then submit a plan through the DashScope Batch API. Processing runs asynchronously at half the realtime list price and delivers new files later.

  • Translate many documents using shared terminology
  • Rewrite independent files into a consistent format
  • Extract structured data from a collection of files
QwenLM/qwen-code28.6KUpdated Oct 18, 2026

See all skills by QwenLM

Report a problem with this skill