New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Playwright MCP

by CraftOS-dev in CraftOS-dev/CraftBot

Browser automation via Playwright MCP server. An agent skill from CraftOS-dev/CraftBot.

MITAuto-check passedTesting & QA

Install Playwright MCP

skills CLI
$ npx skills add CraftOS-dev/CraftBot --skill playwright-mcp -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install CraftOS-dev/CraftBot playwright-mcp --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/CraftOS-dev/CraftBot.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/playwright-mcp .claude/skills/playwright-mcp && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
playwright-mcp
GitHub stars
392
Used in
1 other repo
Token cost
~1k tokens
SKILL.md length
140 words
Files
4
Skills in repo
89
Repo updated
First seen
Licence
MIT

At a glance

Browser automation via Playwright MCP server. An agent skill from CraftOS-dev/CraftBot.

  • Works in 3 steps: Navigate and Extract Data → Form Interaction → Data Extraction
  • Tasks that involve Browser testing
  • SKILL.md covers Installation, Quick Start, Common Use Cases and MCP Tools Reference, plus 5 more sections
  • Runs Python scripts from its folder; calls npx and npm

What it does

Playwright MCP is an agent skill from CraftOS-dev/CraftBot. Browser automation via Playwright MCP server. Navigate websites, click elements, fill forms, extract data, take screenshots, and perform full browser automation workflows.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `.clawhub/origin.json`, `_meta.json` and `examples.py`).

It sits in Testing & QA, covering Browser testing, MCP servers and Browser automation. It works with Model Context Protocol and Playwright. The repository describes itself as: One agent. Every kind of work. The licence is MIT.

When your agent uses it

  • Tasks that involve Browser testing
  • Tasks that involve MCP servers
  • Tasks that involve Browser automation

Example prompts

  • “/playwright-mcp”

Requirements

  • Python 3
  • Node.js

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Navigate and Extract Data
  2. Form Interaction
  3. Data Extraction

What it can do on your machine

Read from SKILL.md and the folder at commit b50970c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • npx
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • playwright.dev
    • modelcontextprotocol.io
    • npmjs.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Playwright MCP loads about 1k tokens when it runs. Until then it costs about 47 tokens; SKILL.md has 140 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~47
When it runs · the whole SKILL.md, loaded when a task matches
~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from CraftOS-dev/CraftBot at commit b50970c, republished under its MIT licence (© CraftOS-dev). 140 words, ~1,028 tokens.

Download SKILL.mdSave it as .claude/skills/playwright-mcp/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
playwright-mcp
description
Browser automation via Playwright MCP server. Navigate websites, click elements, fill forms, extract data, take screenshots, and perform full browser automation workflows.

Playwright MCP Skill

Browser automation powered by Playwright MCP server. Control Chrome, Firefox, or WebKit programmatically.

Installation

bash
npm install -g @playwright/mcp
# Or
npx @playwright/mcp

Install browsers (first time):

bash
npx playwright install chromium

Quick Start

Start MCP Server (STDIO mode)
bash
npx @playwright/mcp
Start with Options
bash
# Headless mode
npx @playwright/mcp --headless

# Specific browser
npx @playwright/mcp --browser firefox

# With viewport
npx @playwright/mcp --viewport-size 1280x720

# Ignore HTTPS errors
npx @playwright/mcp --ignore-https-errors

Common Use Cases

1. Navigate and Extract Data
python
# MCP tools available:
# - browser_navigate: Open URL
# - browser_click: Click element
# - browser_type: Type text
# - browser_select_option: Select dropdown
# - browser_get_text: Extract text content
# - browser_evaluate: Run JavaScript
# - browser_snapshot: Get page structure
# - browser_close: Close browser
2. Form Interaction
1. browser_navigate to form URL
2. browser_type into input fields
3. browser_click to submit
4. browser_get_text to verify result
3. Data Extraction
1. browser_navigate to page
2. browser_evaluate to run extraction script
3. Parse returned JSON data

MCP Tools Reference

ToolDescription
browser_navigateNavigate to URL
browser_clickClick element by selector
browser_typeType text into input
browser_select_optionSelect dropdown option
browser_get_textGet text content
browser_evaluateExecute JavaScript
browser_snapshotGet accessible page snapshot
browser_closeClose browser context
browser_choose_fileUpload file
browser_pressPress keyboard key

Configuration Options

bash
# Security
--allowed-hosts example.com,api.example.com
--blocked-origins malicious.com
--ignore-https-errors

# Browser settings
--browser chromium|firefox|webkit
--headless
--viewport-size 1920x1080
--user-agent "Custom Agent"

# Timeouts
--timeout-action 10000      # Action timeout (ms)
--timeout-navigation 30000  # Navigation timeout (ms)

# Output
--output-dir ./playwright-output
--save-trace
--save-video 1280x720

Examples

Login to Website
browser_navigate: { url: "https://example.com/login" }
browser_type: { selector: "#username", text: "user" }
browser_type: { selector: "#password", text: "pass" }
browser_click: { selector: "#submit" }
browser_get_text: { selector: ".welcome-message" }
Extract Table Data
browser_navigate: { url: "https://example.com/data" }
browser_evaluate: { 
  script: "() => { return Array.from(document.querySelectorAll('table tr')).map(r => r.textContent); }" 
}
Screenshot
browser_navigate: { url: "https://example.com" }
browser_evaluate: { script: "() => { document.body.style.zoom = 1; return true; }" }
# Screenshot saved via --output-dir or returned in response

Security Notes

  • By default restricts file system access to workspace root
  • Host validation prevents navigation to untrusted domains
  • Sandboxing enabled by default (use --no-sandbox with caution)
  • Service workers blocked by default

Troubleshooting

bash
# Update browsers
npx playwright install chromium

# Debug mode
npx @playwright/mcp --headless=false --output-mode=stdout

# Check installation
playwright-mcp --version

© CraftOS-dev, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files in skills/playwright-mcp of CraftOS-dev/CraftBot.

  • SKILL.md
  • .clawhub/origin.json
  • _meta.json
  • examples.py

Open the folder on GitHubat commit b50970c

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in CraftOS-dev/CraftBot, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Playwright MCP next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Playwright MCP compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Playwright MCP this skillCraftOS-dev/CraftBot3921 repos~1kAutomated safety check: PassMIT
Playwright MCP Browser ControlHainrixz/editor-pro-max260—~2kAutomated safety check: PassCustom licence
Browsing With Playwrightaiskillstore/marketplace430—~1.2kAutomated safety check: PassNone
Lightpandalightpanda-io/agent-skill101—~6kAutomated safety check: PassApache-2.0
Browser UseQwenLM/qwen-code-examples143—~451Automated safety check: PassNone
Playwright MCP Skillholon-run/uxc115—~1.1kAutomated safety check: PassMIT

Similar skills

  • Playwright MCP Browser Control

    Hainrixz/editor-pro-max

    Drives a live browser through the Playwright MCP server to navigate, inspect, fill forms and screenshot pages, with snapshot-first habits and output-size care.

    260 GitHub stars~2k tokensUpdated 6 mo ago
    Testing & QAAuto-check passed

  • Browsing With Playwright

    aiskillstore/marketplace

    Browser automation using Playwright MCP. An agent skill from aiskillstore/marketplace.

    430 GitHub stars~1.2k tokensUpdated today
    Testing & QAAuto-check passed

  • Lightpanda

    lightpanda-io/agent-skill

    Lightpanda browser, drop-in replacement for Chrome-based browsing in any AI agent - faster and lighter for tasks without graphical rendering like data retrieval.

    101 GitHub stars~6k tokensUpdated yesterday
    Agent WorkflowsAuto-check passed

  • Browser Use

    QwenLM/qwen-code-examples

    Control browser pages using the Playwright MCP server. An agent skill from QwenLM/qwen-code-examples.

    143 GitHub stars~451 tokensUpdated 4 mo ago
    Productivity & AutomationAuto-check passed

  • Playwright MCP Skill

    holon-run/uxc

    Run browser automation through @playwright/mcp over UXC stdio MCP, with daemon-friendly session reuse and safe action guardrails.

    115 GitHub stars~1.1k tokensUpdated 22 days ago
    Testing & QAAuto-check passed

  • Browser Use

    aiskillstore/marketplace

    Browser automation using Playwright MCP. An agent skill from aiskillstore/marketplace.

    430 GitHub stars~1.1k tokensUpdated today
    Productivity & AutomationAuto-check passed

More from CraftOS-dev/CraftBot

All 89 skills in this repo

  • Self Improvement

    CraftOS-dev/CraftBot

    Captures learnings, errors, and corrections to enable continuous improvement.

    392 GitHub starsUsed in 5 repos~4.9k tokens
    Auto-check passed

  • Bbc News

    CraftOS-dev/CraftBot

    Fetch and display BBC News stories from various sections and regions via RSS feeds.

    392 GitHub starsUsed in 2 repos~555 tokens
    Auto-check passed

  • Outlook

    CraftOS-dev/CraftBot

    Read, search, and manage Outlook emails and calendar via Microsoft Graph API.

    392 GitHub starsUsed in 2 repos~1.8k tokens
    Auto-check passed

  • Nano Banana Pro

    CraftOS-dev/CraftBot

    Generate/edit images with Nano Banana Pro (Gemini 3 Pro Image).

    392 GitHub starsUsed in 6 repos~1.4k tokens
    Auto-check passed

  • Airweave

    CraftOS-dev/CraftBot

    Context retrieval layer for AI agents across users' applications.

    392 GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Telegram Bot Manager

    CraftOS-dev/CraftBot

    Manage and configure Telegram bots for OpenClaw. An agent skill from CraftOS-dev/CraftBot.

    392 GitHub stars~836 tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Playwright MCP

What does Playwright MCP do?

Browser automation via Playwright MCP server. An agent skill from CraftOS-dev/CraftBot. Playwright MCP is an agent skill from CraftOS-dev/CraftBot. Browser automation via Playwright MCP server.

When should I use Playwright MCP?

Playwright MCP fits situations like: tasks that involve Browser testing; tasks that involve MCP servers; tasks that involve Browser automation.

How do I install Playwright MCP in Claude Code?

Run `npx skills add CraftOS-dev/CraftBot --skill playwright-mcp -a claude-code`. Or copy the skill folder (skills/playwright-mcp in CraftOS-dev/CraftBot) into .claude/skills/playwright-mcp in your project. Claude Code loads it when a task matches its description.

How do I install Playwright MCP in Codex?

Run `npx skills add CraftOS-dev/CraftBot --skill playwright-mcp -a codex`. Or copy the skill folder (skills/playwright-mcp in CraftOS-dev/CraftBot) into .agents/skills/playwright-mcp in your project. Codex loads it when a task matches its description.

Can I use Playwright MCP in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add CraftOS-dev/CraftBot --skill playwright-mcp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-mcp, .gemini/skills/playwright-mcp, .github/skills/playwright-mcp and .opencode/skills/playwright-mcp in your project.

What does Playwright MCP need to run?

Going by SKILL.md and its folder, Playwright MCP needs Python for the scripts in its folder and the command-line tools its instructions call (npx and npm). Our summary lists: Python 3; Node.js.

Does Playwright MCP access the network?

SKILL.md names 3 domains. As links in the text: playwright.dev, modelcontextprotocol.io and npmjs.com. This is read from the text; nothing was executed.

Is Playwright MCP safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Playwright MCP use?

Playwright MCP is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Playwright MCP use?

About 1k tokens (SKILL.md is roughly 4.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Playwright MCP?

Skills that share tags, products or a category with Playwright MCP: Playwright MCP Browser Control (Hainrixz/editor-pro-max, 260 stars), Browsing With Playwright (aiskillstore/marketplace, 430 stars), Lightpanda (lightpanda-io/agent-skill, 101 stars) and Browser Use (QwenLM/qwen-code-examples, 143 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Playwright MCP?

CraftOS-dev (a GitHub user) maintains it in CraftOS-dev/CraftBot, which has 392 GitHub stars. The repository holds 89 skills in this directory. The repository was last updated on October 7, 2026.

Source: CraftOS-dev/CraftBot on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.