Menu
Install Playwright MCP server for browser automation in Claude Code
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Capture browser console, network, and performance logs for debugging. Auto-loads when debugging browser issues, analyzing errors, or investigating page behavior. Provides systematic log capture workflow using Chrome DevTools MCP.
Set up tmux notification system for Claude Code sessions
Use when facing complex, multi-layered debugging issues that require coordinated investigation across different domains (frontend, backend, database, network, etc). Spawns specialized debug expert agents to handle specific aspects of the investigation.
Creates a concise engineering implementation plan with team orchestration using Task coordination tools. Use when planning multi-step implementation work that requires team coordination, task dependencies, and parallel execution strategies.
Set up a new Django 6.0 project with modern tooling (uv, direnv, HTMX, OAuth, DRF, testing). Use when the user wants to create a Django project from scratch with production-ready configuration.
Download YouTube video transcripts as readable text files. Use when extracting transcripts from videos for analysis, documentation, or content review.
| name | install-playwright-mcp |
| description | Install Playwright MCP server for browser automation in Claude Code |
| argument-hint | [--scope <scope>] [--headless] |
Install the Playwright MCP server to enable browser automation capabilities.
The Playwright MCP server provides:
Run this command to install:
claude mcp add playwright -- npx @playwright/mcp@latest
--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
For headless operation (no visible browser):
claude mcp add playwright -- npx @playwright/mcp@latest --headless
claude mcp add playwright -- npx @playwright/mcp@latest --browser firefox
claude mcp add playwright -- npx @playwright/mcp@latest --viewport-size 1920x1080
claude mcp add playwright -- npx @playwright/mcp@latest --isolated
After installation:
/mcp to see the playwright serverbrowser_navigate - Go to URLbrowser_click - Click elementsbrowser_type - Type textbrowser_snapshot - Get page accessibility treebrowser_take_screenshot - Capture screenshotbrowser_fill_form - Fill multiple form fieldsWhen the user runs this command:
Determine scope from arguments or ask:
local if not specifiedRun 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