Playwright AI Agent POM MCP

라이브 데모

실제 사용 모습

playwright-ai-agent-pom-mcp.replay ▶ 준비됨

0/0

설치

클라이언트 선택

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config 열기. 저장 후 앱 재시작.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Cursor는 Claude Desktop과 동일한 mcpServers 스키마 사용. 프로젝트 설정이 전역보다 우선.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Cline 사이드바의 MCP Servers 아이콘 클릭 후 "Edit Configuration" 선택.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Claude Desktop과 같은 형식. Windsurf 재시작 후 적용.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "playwright-ai-agent-pom-mcp",
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  ]
}

Continue는 맵이 아닌 서버 오브젝트 배열 사용.

~/.config/zed/settings.json

{
  "context_servers": {
    "playwright-ai-agent-pom-mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "playwright-ai-agent-pom-mcp"
        ]
      }
    }
  }
}

context_servers에 추가. 저장 시 Zed가 핫 리로드.

claude mcp add playwright-ai-agent-pom-mcp -- npx -y playwright-ai-agent-pom-mcp

한 줄 명령. claude mcp list로 확인, claude mcp remove로 제거.

사용 사례

실전 활용법: Playwright AI Agent POM MCP

Get started with Playwright AI Agent POM MCP

언제 쓸까: When you want to bring Playwright AI Agent POM MCP into your Claude workflow.

흐름

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Playwright AI Agent POM MCP to help me with a task.✓ 복사됨

결과: Claude can interact with Playwright AI Agent POM MCP directly from your IDE.