playwright-cli
Browser automation via Playwright CLI. Open pages, interact with elements, take screenshots, and more. Ideal for coding agents and automated testing workflows.
Full skill instructions
Browser automation via Playwright. Token-efficient CLI for coding agents.
npm install -g @playwright/mcp@latest
playwright-cli --help
| Command | Description |
|---|---|
playwright-cli open <url> | Open URL in browser |
playwright-cli close | Close the page |
playwright-cli type <text> | Type text into editable element |
playwright-cli click <ref> [button] | Click on element |
playwright-cli dblclick <ref> [button] | Double click |
playwright-cli fill <ref> <text> | Fill text into field |
playwright-cli drag <startRef> <endRef> | Drag and drop |
playwright-cli hover <ref> | Hover over element |
playwright-cli check <ref> | Check checkbox/radio |
playwright-cli uncheck <ref> | Uncheck checkbox |
playwright-cli select <ref> <val> | Select dropdown option |
playwright-cli snapshot | Capture page snapshot for refs |
playwright-cli go-back # Go back
playwright-cli go-forward # Go forward
playwright-cli reload # Reload page
playwright-cli press <key> # Press key (a, arrowleft, enter...)
playwright-cli keydown <key> # Key down
playwright-cli keyup <key> # Key up
playwright-cli mousemove <x> <y> # Move mouse
playwright-cli mousedown [button] # Mouse down
playwright-cli mouseup [button] # Mouse up
playwright-cli mousewheel <dx> <dy> # Scroll
playwright-cli screenshot [ref] # Screenshot page or element
playwright-cli pdf # Save as PDF
playwright-cli tab-list # List all tabs
playwright-cli tab-new [url] # Open new tab
playwright-cli tab-close [index] # Close tab
playwright-cli tab-select <index> # Switch tab
playwright-cli console [min-level] # View console messages
playwright-cli network # View network requests
playwright-cli run-code <code> # Run JS snippet
playwright-cli tracing-start # Start trace
playwright-cli tracing-stop # Stop trace
playwright-cli session-list # List sessions
playwright-cli session-stop [name] # Stop session
playwright-cli session-stop-all # Stop all
playwright-cli session-delete [name] # Delete session data
playwright-cli open https://example.com --headed
# Open and interact
playwright-cli open https://example.com
playwright-cli type "search query"
playwright-cli press Enter
playwright-cli screenshot
# Use sessions
playwright-cli open https://site1.com
playwright-cli --session=project-a open https://site2.com
| Variable | Description |
|---|---|
PLAYWRIGHT_MCP_BROWSER | Browser: chrome, firefox, webkit, msedge |
PLAYWRIGHT_MCP_HEADLESS | Run headless (default: headed) |
PLAYWRIGHT_MCP_ALLOWED_HOSTS | Comma-separated allowed hosts |
PLAYWRIGHT_MCP_CONFIG | Path to config file |
Create playwright-cli.json for persistent settings:
{
"browser": {
"browserName": "chromium",
"headless": false
},
"outputDir": "./playwright-output",
"console": {
"level": "info"
}
}
--session flag for isolated browser instances
Perform comprehensive QA testing of web applications through browser automation. Navigate user flows, document bugs, check responsive design, capture screenshots, and report console errors. Use when testing websites, web apps (like PsalMix), or validating UI/UX before launch or after updates.
Generate Etsy product mockups automatically using the Tempest Photoshop script.
Comprehensive data analysis specialist covering basic metrics through advanced predictive analytics and marketing ROI. Your go-to expert for all data-driven decision making.
Competitor research and market analysis specialist who tracks what your competitors are doing and identifies opportunities they're missing.
Create and validate skills by measuring the gap between model output WITH and WITHOUT the skill.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimizati...
AI skill for automated design audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.
Generate high-quality, print-ready digital art for Etsy listings using AI image generators. This skill provides prompt formulas, templates, and best practices for creating sellable wall art, printables, and digital products.
Generate high-quality images using Ideogram AI API, optimized for Etsy digital products.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.
Every creator agent gets a reviewer agent. No exceptions.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience