Playwright by Xiaomolong
by @linbo405
Browser automation via Playwright MCP. Navigate websites, click elements, fill forms, take screenshots, extract data, and debug real browser workflows. Use w...
MCP browser path
npx @playwright/mcp --headless
Use this path when the agent already has browser tools available or the user wants browser automation without writing new Playwright code.
Common MCP actions
Typical Playwright MCP tool actions include:
browser_navigate for opening a pagebrowser_click and browser_press for interactionbrowser_type and browser_select_option for formsbrowser_snapshot and browser_evaluate for inspection and extractionbrowser_choose_file for uploadsCommon browser outcomes
| Goal | Typical MCP-style action | |------|--------------------------| | Open and inspect a site | navigate, wait, inspect, screenshot | | Complete a form | navigate, click, fill, select, submit | | Capture evidence | screenshot, PDF, download, trace | | Pull structured page data | navigate, wait for rendered state, extract | | Reproduce a UI bug | headed run, trace, console or network inspection |
Existing test suite
npx playwright test
npx playwright test --headed
npx playwright test --trace on
Bootstrap selectors and flows
npx playwright codegen https://example.com
Direct script path
const { chromium } = require('playwright');(async () => {
const browser = await chromium.launch({ headless: true });
const page = await browser.newPage();
await page.goto('https://example.com');
await page.screenshot({ path: 'page.png', fullPage: true });
await browser.close();
})();
clawhub install xiaomolong-playwright