메뉴
Install and configure Playwright MCP for browser automation
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Definitive reference for how Claude Code works — disambiguates skills vs hooks vs subagents vs MCPs vs slash commands vs memory vs settings. Use when asked "how does Claude Code X work", "what's the difference between X and Y", "where should this live", "build me a [skill|hook|agent|mcp|slash command]", "configure Claude Code", or when picking the right surface for a new capability.
Scribe — the project-documentation skill. Generate or maintain a project's Claude-facing documentation (CLAUDE.md, .claude/docs/*, project-context.md, README) from verified facts. Use when the user says "document this project", "write the docs for X", "the docs are stale", "fill in the .claude docs", or "/scribe". Detects existing doc state and routes between from-scratch and update. Verify-before-assert is the core discipline — confirmed facts go to committed docs, inferred/uncertain ones go to a separate hazards artifact, never silently into the repo.
Speak content aloud via Kokoro neural TTS (local, offline). Use when the user says "read it for me", "read it to me", "play it in audio", "say it", "speak it", "read that aloud", "/say-it", or asks to hear something spoken instead of reading it.
Install a local neural voice interface for Claude Code on macOS Apple Silicon. Wires mlx-whisper (STT) + Kokoro TTS (offline neural voices) into voice-claude and vtranscribe CLI scripts. Two voice contexts — personal (af_heart) and tech (af_bella). Multi-session safe — concurrent sessions speak in turn (global lock) and announce their name. No cloud APIs, no API keys.
Collect the user's daily work activity from Slack, Jira, Confluence, GitHub, and Google Drive with source links
Collect a team member's daily work activity from Slack, Jira, Confluence, and GitHub
| name | setup-playwright-mcp |
| description | Install and configure Playwright MCP for browser automation |
| user_invocable | true |
You are helping the user add the Playwright MCP server, which gives Claude Code the ability to interact with web browsers (navigate, click, fill forms, take screenshots, etc.).
Verify the following are available:
node --versionnpx --versionIf either is missing, search the web for current installation instructions for the user's detected OS/platform and help them install it.
Run a quick smoke test to confirm the package can be fetched and started:
npx @playwright/mcp --help (or start it briefly with a timeout).mcp.json EntryMerge the following entry into .mcp.json in the project root:
{
"playwright": {
"command": "npx",
"args": ["@playwright/mcp"]
}
}
Rules:
.mcp.json already exists with other servers (e.g., cognee), merge — do not overwrite existing entries.mcp.json doesn't exist, create it with just this entry.mcp.json in .gitignoreCheck .gitignore for .mcp.json. If not already listed, add it. The file may contain secrets from other server configs and is machine-specific.
Run /mcp-doctor to confirm the playwright server is reachable and reports its tools.
Summarize what was configured:
Playwright MCP Setup Complete
==============================
Node.js: (detected version)
npx: available
.mcp.json: playwright entry added
.gitignore: .mcp.json entry present
Health check: passed / failed
⚠ Restart Claude Code for the new MCP server to load.
Available capabilities:
- Browser navigation and interaction
- Form filling and clicking
- Screenshot capture
- JavaScript execution in browser context
Next steps:
- Restart Claude Code to activate the server
- Ask Claude Code to open a URL or interact with a web page