How do I install the Install Playwright MCP skill?

Run npx skillmds@latest add tomevault-io/install-playwright-mcp in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Install Playwright MCP safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Install Playwright MCP?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Install Playwright MCP free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Install Playwright MCP?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Install Playwright MCP by tomevault-io

Name: Install Playwright MCP
Author: tomevault-io

File contents

Install Playwright MCP Server

Install the Playwright MCP server to enable browser automation capabilities.

What This Does

The Playwright MCP server provides:

Browser automation - Navigate, click, fill forms, take screenshots
Accessibility snapshots - LLM-friendly structured data, no vision models needed
Fast and lightweight - Uses Playwright's accessibility tree

Installation Command

Run this command to install:

claude mcp add playwright -- npx @playwright/mcp@latest

Scope Options

--scope local (default): Available only in current project
--scope project: Shared with team via .mcp.json
--scope user: Available across all your projects

# Install for user (all projects)
claude mcp add playwright --scope user -- npx @playwright/mcp@latest

# Install for project (team shared)
claude mcp add playwright --scope project -- npx @playwright/mcp@latest

Headless Mode

For headless operation (no visible browser):

claude mcp add playwright -- npx @playwright/mcp@latest --headless

Common Configurations

With specific browser

claude mcp add playwright -- npx @playwright/mcp@latest --browser firefox

With custom viewport

claude mcp add playwright -- npx @playwright/mcp@latest --viewport-size 1920x1080

With isolated sessions (no persistence)

claude mcp add playwright -- npx @playwright/mcp@latest --isolated

Verify Installation

After installation:

Restart Claude Code
Run /mcp to see the playwright server
Test with: "Navigate to google.com and take a snapshot"

Available Tools After Installation

browser_navigate - Go to URL
browser_click - Click elements
browser_type - Type text
browser_snapshot - Get page accessibility tree
browser_take_screenshot - Capture screenshot
browser_fill_form - Fill multiple form fields
And many more...

Execution Instructions

When the user runs this command:

Determine scope from arguments or ask:
- Default to local if not specified

Run installation:

claude mcp add playwright [--scope <scope>] -- npx @playwright/mcp@latest [options]

Verify success by checking output
Inform user to restart Claude Code to use the new MCP server

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: install-playwright-mcpdescription: Install Playwright MCP server for browser automation in Claude Code Use when this capability is needed.---# Install Playwright MCP ServerInstall the Playwright MCP server to enable browser automation capabilities.## What This DoesThe Playwright MCP server provides:- **Browser automation** - Navigate, click, fill forms, take screenshots- **Accessibility snapshots** - LLM-friendly structured data, no vision models needed- **Fast and lightweight** - Uses Playwright's accessibility tree## Installation CommandRun this command to install:```bashclaude mcp add playwright -- npx @playwright/mcp@latest```## Scope Options- `--scope local` (default): Available only in current project- `--scope project`: Shared with team via `.mcp.json`- `--scope user`: Available across all your projects```bash# Install for user (all projects)claude mcp add playwright --scope user -- npx @playwright/mcp@latest# Install for project (team shared)claude mcp add playwright --scope project -- npx @playwright/mcp@latest```## Headless ModeFor headless operation (no visible browser):```bashclaude mcp add playwright -- npx @playwright/mcp@latest --headless```## Common Configurations### With specific browser```bashclaude mcp add playwright -- npx @playwright/mcp@latest --browser firefox```### With custom viewport```bashclaude mcp add playwright -- npx @playwright/mcp@latest --viewport-size 1920x1080```### With isolated sessions (no persistence)```bashclaude mcp add playwright -- npx @playwright/mcp@latest --isolated```## Verify InstallationAfter installation:1. Restart Claude Code2. Run `/mcp` to see the playwright server3. Test with: "Navigate to google.com and take a snapshot"## Available Tools After Installation- `browser_navigate` - Go to URL- `browser_click` - Click elements- `browser_type` - Type text- `browser_snapshot` - Get page accessibility tree- `browser_take_screenshot` - Capture screenshot- `browser_fill_form` - Fill multiple form fields- And many more...## Execution InstructionsWhen the user runs this command:1. **Determine scope** from arguments or ask: - Default to `local` if not specified2. **Run installation**: ```bash claude mcp add playwright [--scope <scope>] -- npx @playwright/mcp@latest [options] ```3. **Verify success** by checking output4. **Inform user** to restart Claude Code to use the new MCP server---> Converted and distributed by [TomeVault](https://tomevault.io/claim/jpoutrin) — claim your Tome and manage your conversions.

Frequently asked questions

Install Playwright MCP