skills.rest
UtsavBalar1231
UtsavBalar1231COMMUNITY
Explore all skills by this author →
Website𝕏@UtsavTheCuntGitHub

playwright

Automates browser navigation, interaction, and verification through Playwright MCP tools.

1|Updated Feb 23, 2026
Search Tags:#testing#screenshots#verification#browser automation#mcp#web scraping#playwright
One-click install
npx skills add https://github.com/UtsavBalar1231/oh-my-claudeagent --skill playwright-utsavbalar1231
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/UtsavBalar1231/oh-my-claudeagent/tree/main/skills/playwright
Command: npx skills add https://github.com/UtsavBalar1231/oh-my-claudeagent --skill playwright-utsavbalar1231

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/mcp.

What problem does it solve? Manual browser testing, web scraping, and page verification are repetitive and error-prone. This Skill drives a real browser through the Playwright MCP server so an AI agent can navigate pages, fill forms, click elements, and capture evidence without writing test scripts. ## Core Features & Use Cases - Browser Automation: Navigate URLs, click elements, fill forms, press keys, and manage tabs via Playwright MCP tools like browser_navigate, browser_click, and browser_fill. - Page Observation: Capture accessibility-tree snapshots, screenshots, and page text, or execute JavaScript in the page context for custom extraction. - Use Case: Verify a deployed login flow by navigating to the page, filling credentials, submitting the form, and taking a snapshot plus screenshot to confirm the dashboard renders correctly. ## Quick Start Ask the agent to open a URL in the browser, fill in the login form, and take a screenshot of the result.

Frequently Asked Questions about playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser tasks with Playwright MCP?▼

Configure the Playwright MCP server in your project's .mcp.json with npx @playwright/mcp@latest, then invoke browser tasks. The agent uses tools like browser_navigate, browser_click, and browser_fill to perform the automation.

How to scrape data from a web page using Playwright?▼

Navigate to the target page with browser_navigate, then use browser_snapshot for structured accessibility content or browser_execute_javascript for complex extraction. Process the returned results directly in the session.

Can Playwright MCP run in headed mode with a visible browser?▼

Yes. Add --headless=false to the MCP server args in .mcp.json so the browser window is visible during automation, which is useful for debugging interactions.

What happens if the Playwright MCP server is not configured?▼

If no mcp__playwright__* tools are available, the Skill falls back to the dev-browser command when its runtime exists. Otherwise it asks you to configure the Playwright MCP server first.

Why is browser_snapshot preferred over browser_screenshot?▼

browser_snapshot returns the structured accessibility tree, which provides element selectors for reliable interactions. Screenshots are PNG images used mainly as visual evidence, not for locating elements.

Related Skills

Explore More Software Engineering Skills→
zb-sszb-ss
1

test-live

Run interactive Playwright MCP browser tests against a live web application.

Official
Intermediate
axiomanticaxiomantic
8

fixing-tests

Identify, analyze, and repair failing tests without modifying production code.

Official
Advanced
peppone-choipeppone-choi

verify-api-parity

Validate frontend API client methods against backend controller endpoints.

Community
Advanced
namhoanggnamhoangg

run-web-tests-on-browserstack

Automate Selenium, Playwright, and Cypress test execution on BrowserStack across browsers.

Community
Advanced