โ† All skills
Tencent SkillHub ยท Developer Tools

Browser Automation

Control Chrome browser with AI using MCP protocol. Use when users want to automate browser tasks, take screenshots, fill forms, click elements, navigate page...

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Control Chrome browser with AI using MCP protocol. Use when users want to automate browser tasks, take screenshots, fill forms, click elements, navigate page...

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
0.1.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 20 sections Open source page

Browser Automation (Chrome MCP Server)

Turn your Chrome browser into your intelligent assistant - Let AI take control of your browser.

When to Use This Skill

Use this skill when the user: Wants to automate browser tasks (clicking, filling forms, navigating) Needs to take screenshots of web pages or elements Wants to extract content from web pages Asks to search browsing history or manage bookmarks Needs to monitor network requests Wants AI to interact with websites using their existing login sessions

Step 1: Install the Native Bridge

npm install -g mcp-chrome-bridger # or pnpm install -g mcp-chrome-bridger mcp-chrome-bridger register

Step 2: Install Chrome Extension

Download from GitHub Releases: Download mcp-chrome-extension-vX.X.X.zip Open Chrome โ†’ chrome://extensions/ Enable "Developer mode" Click "Load unpacked" and select the extracted folder Click the extension icon โ†’ Click "Connect"

Step 3: Configure MCP Client

Add to your MCP client configuration: Streamable HTTP (Recommended): { "mcpServers": { "chrome-mcp-server": { "type": "http", "url": "http://127.0.0.1:12306/mcp" } } } STDIO (Alternative): { "mcpServers": { "chrome-mcp-server": { "command": "npx", "args": ["mcp-chrome-bridger", "stdio"] } } }

Browser Management

ToolDescriptionget_windows_and_tabsList all browser windows and tabschrome_navigateNavigate to URLs, control viewportchrome_switch_tabSwitch active tabchrome_close_tabsClose specific tabschrome_go_back_or_forwardBrowser history navigation

Screenshots

ToolDescriptionchrome_screenshotCapture full page, viewport, or specific elements

Content Analysis

ToolDescriptionchrome_get_web_contentExtract HTML/text from pageschrome_get_interactive_elementsFind clickable elementssearch_tabs_contentAI-powered semantic search across tabschrome_consoleCapture browser console output

Interaction

ToolDescriptionchrome_click_elementClick elements via CSS selectorchrome_fill_or_selectFill forms and select optionschrome_keyboardSimulate keyboard input

Data Management

ToolDescriptionchrome_historySearch browsing historychrome_bookmark_searchFind bookmarkschrome_bookmark_addAdd new bookmarkschrome_bookmark_deleteDelete bookmarks

Network

ToolDescriptionchrome_network_capture_start/stopMonitor network requestschrome_network_requestSend HTTP requests with browser cookies

Navigate and Screenshot

User: "Take a screenshot of github.com" AI uses: 1. chrome_navigate(url: "https://github.com") 2. chrome_screenshot(fullPage: true)

Fill a Form

User: "Login to my account on example.com" AI uses: 1. chrome_navigate(url: "https://example.com/login") 2. chrome_fill_or_select(selector: "#email", value: "user@example.com") 3. chrome_fill_or_select(selector: "#password", value: "...") 4. chrome_click_element(selector: "button[type=submit]")

Search History

User: "Find all pages I visited about React hooks last week" AI uses: 1. chrome_history(text: "React hooks", startTime: "1 week ago")

Extract Content

User: "What does this page say about pricing?" AI uses: 1. chrome_get_web_content() 2. Analyzes the extracted content

Advantages Over Playwright

FeaturePlaywright MCPChrome MCP ServerBrowser InstanceNew browser processYour existing ChromeLogin SessionsNeed to re-loginUses existing sessionsUser SettingsClean environmentYour bookmarks, extensions, settingsStartup TimeSlow (launch browser)Instant (extension already loaded)Resource UsageHeavyLightweight

Multi-Client Support

Multiple AI clients can connect simultaneously: Claude Code Cursor Kiro Any MCP-compatible client Each client gets its own session while sharing the same Chrome browser.

Extension Not Connecting

Check extension is enabled in chrome://extensions/ Click extension icon โ†’ Verify "Connected" status Restart Chrome if needed

Port Already in Use

The server automatically handles port conflicts. If issues persist: lsof -i :12306 kill <PID>

Resources

GitHub: https://github.com/femto/mcp-chrome npm: https://www.npmjs.com/package/mcp-chrome-bridger Releases: https://github.com/femto/mcp-chrome/releases

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs
  • SKILL.md Primary doc