Skills
.Work. You
Rest

playwright-mcp-dev

Community

Add and debug Playwright MCP tools and CLI.

Software Engineering#testing#integration#cli#tooling#mcp#playwright#lint
Authorraphaelmans
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Explains how to add and debug Playwright MCP tools and CLI commands, unifying setup, registration, testing, and lint workflows.

Core Features & Use Cases

  • Guided MCP Tool Creation: Create a new tool file under packages/playwright/src/mcp/browser/tools/your-tool.ts and register it in packages/playwright/src/mcp/browser/tools.ts.
  • Registration & Configuration: Add ToolCapability in packages/playwright/src/mcp/config.d.ts and wire the tool into the CLI command set.
  • Testing & Lint: Place tests in tests/mcp/mcp-<category>.spec.ts and run npm run ctest-mcp <category>, with lint checks before commit.
  • CLI Integration: Extend CLI categories and commands as needed, updating docs and references accordingly.

Quick Start

Create a new tool in packages/playwright/src/mcp/browser/tools/your-tool.ts, register the tool in packages/playwright/src/mcp/browser/tools.ts, and ensure the MCP workflow is wired for testing.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playwright-mcp-dev
Download link: https://github.com/raphaelmans/agent-skills/archive/main.zip#playwright-mcp-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.