From fast-playwright
Fast, persistent, and token-optimized browser automation using Playwright. Supports navigation, clicking, typing, screenshots, batch execution, and more. Use when working with web pages, browser automation, or when the user mentions browsing, clicking, or web scraping.
npx claudepluginhub joshuarweaver/cascade-web-research --plugin tontoko-fast-playwright-skillThis skill uses the workspace's default tool permissions.
This skill provides a persistent, headless browser environment optimized for LLM agents.
Implements Playwright E2E testing patterns: Page Object Model, test organization, configuration, reporters, artifacts, and CI/CD integration for stable suites.
Guides Next.js 16+ Turbopack for faster dev via incremental bundling, FS caching, and HMR; covers webpack comparison, bundle analysis, and production builds.
Discovers and evaluates Laravel packages via LaraPlugins.io MCP. Searches by keyword/feature, filters by health score, Laravel/PHP compatibility; fetches details, metrics, and version history.
This skill provides a persistent, headless browser environment optimized for LLM agents. It keeps the browser open between calls to enable fast interactions.
Run the installation script once to set up dependencies and download browsers:
node scripts/install.js
All tools are executed via client.js. Arguments must be valid JSON.
node scripts/client.js <tool_name> '<json_args>'
| Option | Description |
|---|---|
--session <id> | Use isolated browser session (for multi-agent) |
--headed | Show browser window (default: headless) |
--sessions | List active sessions |
--stop | Stop the server |
Each session gets its own isolated browser context (cookies, storage, page state):
# Agent A uses session "agent-a"
node scripts/client.js --session agent-a browser_navigate '{"url": "https://site-a.com"}'
# Agent B uses session "agent-b" (completely isolated)
node scripts/client.js --session agent-b browser_navigate '{"url": "https://site-b.com"}'
# List active sessions
node scripts/client.js --sessions
# Without --session, uses shared "default" session
node scripts/client.js browser_navigate '{"url": "https://example.com"}'
Sessions auto-expire after 15 minutes of inactivity.
Add --headed to see the browser window:
node scripts/client.js --headed browser_navigate '{"url": "https://example.com"}'
Note: The server must be restarted to switch between headed/headless modes:
node scripts/client.js --stop
Most tools accept an expectation object to control output size:
{
"expectation": {
"includeSnapshot": false,
"diffOptions": { "enabled": true }
}
}
browser_navigateNavigate to a URL.
node scripts/client.js browser_navigate '{"url": "https://example.com"}'
browser_navigate_backGo back to previous page.
node scripts/client.js browser_navigate_back '{}'
browser_navigate_forwardGo forward to next page.
node scripts/client.js browser_navigate_forward '{}'
browser_clickClick an element. Supports CSS, text, role selectors.
node scripts/client.js browser_click '{"selectors": [{"css": "button.submit"}]}'
browser_typeType text into an element.
node scripts/client.js browser_type '{"selectors": [{"css": "#search"}], "text": "query"}'
browser_press_keyPress a keyboard key.
node scripts/client.js browser_press_key '{"key": "Enter"}'
browser_hoverHover over an element.
node scripts/client.js browser_hover '{"selectors": [{"css": ".menu-item"}]}'
browser_dragDrag and drop between elements.
node scripts/client.js browser_drag '{"startSelectors": [{"css": "#source"}], "endSelectors": [{"css": "#target"}]}'
browser_select_optionSelect option in dropdown.
node scripts/client.js browser_select_option '{"selectors": [{"css": "select#country"}], "values": ["US"]}'
browser_file_uploadUpload files to file input.
node scripts/client.js browser_file_upload '{"paths": ["/path/to/file.pdf"]}'
browser_handle_dialogHandle alert/confirm/prompt dialogs.
node scripts/client.js browser_handle_dialog '{"accept": true}'
browser_snapshotGet accessibility snapshot of current page.
node scripts/client.js browser_snapshot '{}'
browser_take_screenshotTake a screenshot.
node scripts/client.js browser_take_screenshot '{"filename": "page.png"}'
browser_evaluateEvaluate JavaScript on page.
node scripts/client.js browser_evaluate '{"function": "() => document.title"}'
browser_console_messagesGet console messages.
node scripts/client.js browser_console_messages '{}'
browser_network_requestsGet network requests.
node scripts/client.js browser_network_requests '{}'
browser_find_elementsFind elements by text, role, tag, or attributes.
node scripts/client.js browser_find_elements '{"searchCriteria": {"text": "Submit"}}'
browser_inspect_htmlExtract and analyze HTML content.
node scripts/client.js browser_inspect_html '{"selectors": [{"css": "main"}]}'
browser_tab_listList all open tabs.
node scripts/client.js browser_tab_list '{}'
browser_tab_newOpen a new tab.
node scripts/client.js browser_tab_new '{"url": "https://example.com"}'
browser_tab_selectSelect a tab by index.
node scripts/client.js browser_tab_select '{"index": 0}'
browser_tab_closeClose a tab.
node scripts/client.js browser_tab_close '{}'
browser_resizeResize browser window.
node scripts/client.js browser_resize '{"width": 1920, "height": 1080}'
browser_closeClose the browser.
node scripts/client.js browser_close '{}'
browser_installInstall the configured browser.
node scripts/client.js browser_install '{}'
browser_wait_forWait for text to appear/disappear or time to pass.
node scripts/client.js browser_wait_for '{"text": "Loading complete"}'
node scripts/client.js browser_wait_for '{"textGone": "Loading..."}'
node scripts/client.js browser_wait_for '{"time": 2}'
browser_diagnoseAnalyze page complexity and performance.
node scripts/client.js browser_diagnose '{}'
browser_batch_executeExecute multiple steps in sequence. Highly recommended for forms.
node scripts/client.js browser_batch_execute '{
"steps": [
{"tool": "browser_type", "arguments": {"selectors": [{"css": "#user"}], "text": "me"}},
{"tool": "browser_type", "arguments": {"selectors": [{"css": "#pass"}], "text": "123"}},
{"tool": "browser_click", "arguments": {"selectors": [{"css": "#login"}]}}
]
}'
All interaction tools support multiple selector strategies:
{"css": "#id"}, {"css": ".class"}, {"css": "button[type=submit]"}{"role": "button"}, {"role": "textbox", "text": "Search"}{"text": "Click me"}{"ref": "e3"} (from previous snapshot)Multiple selectors act as fallbacks:
{"selectors": [{"css": "#submit"}, {"role": "button", "text": "Submit"}]}