← ClaudeAtlas

playwrightlisted

MUST USE for any browser-related tasks. Browser automation via Playwright MCP - verification, browsing, information gathering, web scraping, testing, screenshots, and all browser interactions.
UtsavBalar1231/oh-my-claudeagent · ★ 1 · Testing & QA · score 70
Install: claude install-skill UtsavBalar1231/oh-my-claudeagent
# Playwright Browser Automation **Task**: $ARGUMENTS No task specified → ask user what browser task to perform. Browser automation via Playwright MCP: testing, scraping, verification, interaction. ## Prerequisites The Playwright MCP server must be configured. Add to your project's `.mcp.json`: ```json { "mcpServers": { "playwright": { "command": "npx", "args": ["@playwright/mcp@latest"] } } } ``` Or for headed mode (visible browser): ```json { "mcpServers": { "playwright": { "command": "npx", "args": ["@playwright/mcp@latest", "--headless=false"] } } } ``` ## Available MCP Tools When the Playwright MCP server is running, these tools become available: ### Navigation - `browser_navigate`: go to a URL - `browser_go_back` / `browser_go_forward`: browser history navigation - `browser_wait`: wait for page load or condition ### Interaction - `browser_click`: click an element (uses accessibility snapshot selectors) - `browser_type`: type text into focused element - `browser_fill`: fill form field (clears existing value first) - `browser_select_option`: select dropdown option - `browser_hover`: hover over element - `browser_drag`: drag from one element to another - `browser_press_key`: press keyboard key (Enter, Tab, Escape, etc.) ### Observation - `browser_snapshot`: get accessibility tree snapshot (preferred over screenshot) - `browser_screenshot`: take a PNG screenshot - `browser_get_text`: extract text content from page