/ Verzeichnis / Playground / Playwright AI Agent POM MCP
● Community padmarajnidagundi ⚡ Sofort

Playwright AI Agent POM MCP

von padmarajnidagundi · padmarajnidagundi/Playwright-AI-Agent-POM-MCP-Server

Playwright MCP with Page Object Model architecture for web + mobile testing.

Playwright MCP with Page Object Model architecture for web + mobile testing.

Live-Demo

In der Praxis

playwright-ai-agent-pom-mcp.replay ▶ bereit
0/0

Installieren

Wählen Sie Ihren Client

~/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"
      ]
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "playwright-ai-agent-pom-mcp",
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  ]
}

Continue nutzt ein Array von Serverobjekten statt einer Map.

~/.config/zed/settings.json
{
  "context_servers": {
    "playwright-ai-agent-pom-mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "playwright-ai-agent-pom-mcp"
        ]
      }
    }
  }
}

In context_servers hinzufügen. Zed lädt beim Speichern neu.

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

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: Playwright AI Agent POM MCP

Get started with Playwright AI Agent POM MCP

Wann einsetzen: When you want to bring Playwright AI Agent POM MCP into your Claude workflow.

Ablauf
  1. Install the MCP server in your client (see Install tab).
  2. Authenticate or configure required tokens.
  3. Ask Claude to use the new tools.
    Use Playwright AI Agent POM MCP to help me with a task.✓ Kopiert

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

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen