본문으로 건너뛰기
cccskills
무료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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

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

연동 도구Playwright
설치 방법 보기

이럴 때 유용합니다

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

포함된 파일(2)

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

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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-code2.9만2026년 10월 18일 업데이트

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-code2.9만2026년 10월 18일 업데이트

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-code2.9만2026년 10월 18일 업데이트

autofix

무료

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-code2.9만2026년 10월 18일 업데이트

batch

무료

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-code2.9만2026년 10월 18일 업데이트

batch-api

무료

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-code2.9만2026년 10월 18일 업데이트

QwenLM의 스킬 모두 보기

이 스킬의 문제 신고