Playwright MCP Browser Automation

by Hainrixz

Playwright MCP Browser Automation is an Automation skill for Claude Code, published by Hainrixz in editor-pro-max.

237 stars116 forkson Hainrixz/editor-pro-maxAdded 2026/09/03Repository updated 2026/03/26

View source on GitHub Download repo ZIP

aiclaude-codemotion-graphicsreactremotiontypescriptvideo-editor

Install in seconds

Install Playwright MCP Browser Automation

Copy Playwright MCP Browser Automation into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/playwright-mcp ~/.claude/skills/playwright-mcp

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Hainrixz/editor-pro-max.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .agents/skills/playwright-mcp/SKILL.md in Hainrixz/editor-pro-max
Installs to: ~/.claude/skills/playwright-mcp
Collection: One of 8 skills cataloged from this repository
Category: Automation — 1754 skills

What Playwright MCP Browser Automation does

Playwright MCP Browser Automation controls a live browser to navigate pages, inspect the UI, fill forms, and debug web apps. Use it when you need direct interaction with pages through Playwright MCP tools.

Playwright MCP Browser Automation is cataloged under Automation on DirSkills. Playwright MCP Browser Automation comes from a repository tagged ai, claude-code, motion-graphics, react and remotion.

Documentation

README

Excerpt

Playwright MCP Browser Automation

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.

Critical: These Are Direct Tool Calls

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

CORRECT — call the tool directly:

Tool: mcp__playwright__browser_navigate
Parameters: { "url": "http://localhost:3010" }

WRONG — do NOT shell out:

Bash: claude mcp call playwright browser_navigate ...  # This does not work

All Playwright MCP tools use the mcp__playwright__ prefix.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Playwright MCP Browser Automation

What else does Hainrixz publish alongside Playwright MCP Browser Automation?
Playwright MCP Browser Automation is one of 8 skills that DirSkills catalogs from Hainrixz/editor-pro-max, the repository it ships in. Its siblings there include Animated Component Libraries, Awwwards Animations and Explainer Video Guide. Each one is a separate skill with its own page in this directory, installs the same way Playwright MCP Browser Automation does, and is maintained by Hainrixz in that same repository. The rest of the collection is listed on the Hainrixz/editor-pro-max page.
How does Playwright MCP Browser Automation compare to other Automation skills?
Playwright MCP Browser Automation ranks #1551 by stars among the 1754 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Playwright MCP Browser Automation against them. Open each page to compare what they document and how they install.