skills.rest
CraftOS-dev
CraftOS-devCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-mcp

Automate browser interactions via Playwright MCP for navigation, form filling, and screenshots.

375|38|Updated Dec 2, 2025
Search Tags:#data extraction#browser automation#mcp#web scraping#form filling#playwright
One-click install
npx skills add https://github.com/CraftOS-dev/CraftBot --skill playwright-mcp-craftos-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-mcp
Source: https://github.com/CraftOS-dev/CraftBot/tree/main/skills/playwright-mcp
Command: npx skills add https://github.com/CraftOS-dev/CraftBot --skill playwright-mcp-craftos-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates browser interactions, allowing for programmatic control of websites to perform tasks like navigation, data extraction, and form submission without manual intervention.

Core Features & Use Cases

  • Browser Automation: Control Chrome, Firefox, or WebKit via Playwright MCP server.
  • Web Scraping: Extract text, data, and perform actions on websites.
  • Form Interaction: Fill out and submit web forms programmatically.
  • Screenshots: Capture visual representations of web pages.

Quick Start

Use the playwright-mcp skill to navigate to "https://example.com" and then type "myuser" into the element with selector "#username".

Frequently Asked Questions about playwright-mcp

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

FAQPage Schema
How do I automate web scraping and form filling without manual intervention?▼

You can automate browser interactions by using the Playwright MCP server to navigate websites, click elements, fill forms, and extract data programmatically across Chrome, Firefox, and WebKit.

Does browser automation work with Chrome, Firefox, and WebKit for web scraping?▼

Yes, browser automation supports Chrome, Firefox, and WebKit through the Playwright MCP server, allowing you to perform deterministic task execution and web scraping across multiple browser engines.

How do I extract data and take screenshots from websites programmatically?▼

To extract data and take screenshots, you use the Playwright MCP server to navigate to a target URL, interact with page elements, and capture visual representations or text content directly from the browser session.

Do I need to install the playwright-mcp npm package to control browsers?▼

Yes, you need to install the playwright-mcp npm package and its associated browser binaries to enable programmatic control of browser instances for web automation and data extraction tasks.

What is the best way to fill out and submit web forms programmatically?▼

The best way to fill out web forms programmatically is using the Playwright MCP server to target specific element selectors, input text data, and trigger submission actions for deterministic form interaction.

Related Skills

Explore More Software Engineering Skills→
rhpdsrhpds

06-playwright-mcp

Configure and validate the Playwright MCP server for Claude Code browser automation.

Official
Advanced
xiechyxiechy
3

dask

Parallelize pandas and NumPy workflows with Dask DataFrames and Arrays.

Community
Intermediate
paolomozpaolomoz
3

block-detector

Detect and catalog web page content blocks using Puppeteer automation.

Community
Advanced
richardnguyen0715richardnguyen0715

scrapling

Scrape static and JavaScript-rendered web content with stealth and Cloudflare bypass.

Community
Advanced