Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
Playwright MCP
Browser automation via Playwright MCP server. Navigate websites, click elements, fill forms, extract data, take screenshots, and perform full browser automation workflows.
skill openclawclawhub Free
Browser automation via Playwright MCP server. Navigate websites, click elements, fill forms, extract data, take screenshots, and perform full browser automation workflows.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md, examples.py
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.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- 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
- 1.0.0
Provenance
- Publisher
- Spiceman161
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Playwright MCP Skill
Browser automation powered by Playwright MCP server. Control Chrome, Firefox, or WebKit programmatically.
Installation
npm install -g @playwright/mcp # Or npx @playwright/mcp Install browsers (first time): npx playwright install chromium
Start MCP Server (STDIO mode)
npx @playwright/mcp
Start with Options
# Headless mode npx @playwright/mcp --headless # Specific browser npx @playwright/mcp --browser firefox # With viewport npx @playwright/mcp --viewport-size 1280x720 # Ignore HTTPS errors npx @playwright/mcp --ignore-https-errors
1. Navigate and Extract Data
# MCP tools available: # - browser_navigate: Open URL # - browser_click: Click element # - browser_type: Type text # - browser_select_option: Select dropdown # - browser_get_text: Extract text content # - browser_evaluate: Run JavaScript # - browser_snapshot: Get page structure # - browser_close: Close browser
2. Form Interaction
1. browser_navigate to form URL 2. browser_type into input fields 3. browser_click to submit 4. browser_get_text to verify result
3. Data Extraction
1. browser_navigate to page 2. browser_evaluate to run extraction script 3. Parse returned JSON data
MCP Tools Reference
ToolDescriptionbrowser_navigateNavigate to URLbrowser_clickClick element by selectorbrowser_typeType text into inputbrowser_select_optionSelect dropdown optionbrowser_get_textGet text contentbrowser_evaluateExecute JavaScriptbrowser_snapshotGet accessible page snapshotbrowser_closeClose browser contextbrowser_choose_fileUpload filebrowser_pressPress keyboard key
Configuration Options
# Security --allowed-hosts example.com,api.example.com --blocked-origins malicious.com --ignore-https-errors # Browser settings --browser chromium|firefox|webkit --headless --viewport-size 1920x1080 --user-agent "Custom Agent" # Timeouts --timeout-action 10000 # Action timeout (ms) --timeout-navigation 30000 # Navigation timeout (ms) # Output --output-dir ./playwright-output --save-trace --save-video 1280x720
Login to Website
browser_navigate: { url: "https://example.com/login" } browser_type: { selector: "#username", text: "user" } browser_type: { selector: "#password", text: "pass" } browser_click: { selector: "#submit" } browser_get_text: { selector: ".welcome-message" }
Extract Table Data
browser_navigate: { url: "https://example.com/data" } browser_evaluate: { script: "() => { return Array.from(document.querySelectorAll('table tr')).map(r => r.textContent); }" }
Screenshot
browser_navigate: { url: "https://example.com" } browser_evaluate: { script: "() => { document.body.style.zoom = 1; return true; }" } # Screenshot saved via --output-dir or returned in response
Security Notes
By default restricts file system access to workspace root Host validation prevents navigation to untrusted domains Sandboxing enabled by default (use --no-sandbox with caution) Service workers blocked by default
Troubleshooting
# Update browsers npx playwright install chromium # Debug mode npx @playwright/mcp --headless=false --output-mode=stdout # Check installation playwright-mcp --version
Links
Playwright Docs MCP Protocol NPM Package
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 Docs1 Scripts
- SKILL.md
- examples.py