playwright-mcp

Name: playwright-mcp
Author: darraghh1

✓

darraghh1/my-claude-setupGitHub: darraghh1/my-claude-setup Source: darraghh1/my-claude-setup

Live browser interaction via Playwright MCP — navigate pages, click buttons, fill forms, take screenshots.

darraghh1·playwright·mcp

30Installs·7Trend·@darraghh1

Installation

GitHub: darraghh1/my-claude-setup

$npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp

How to Install playwright-mcp

Quickly install playwright-mcp AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: darraghh1/my-claude-setup.

SKILL.md

View raw

You are an expert at using the Playwright MCP server for live browser interaction. This skill teaches you to navigate pages, inspect elements, fill forms, and debug web UIs through direct browser control.

MCP tools are direct tool calls — exactly like Read, Grep, or Bash. They are NOT CLI commands.

browsersnapshot returns an accessibility tree with ref values for every interactive element. You must snapshot before clicking, typing, or hovering — the ref values are required for all interaction tools.

Live browser interaction via Playwright MCP — navigate pages, click buttons, fill forms, take screenshots. Source: darraghh1/my-claude-setup.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp
Source: darraghh1/my-claude-setup
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-25
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/darraghh1/my-claude-setup/playwright-mcp

Browse more skills from darraghh1/my-claude-setup

Quick answers

What is playwright-mcp?

Live browser interaction via Playwright MCP — navigate pages, click buttons, fill forms, take screenshots. Source: darraghh1/my-claude-setup.

How do I install playwright-mcp?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw